要求用戶在選擇下拉文本框中的顏色時，通過onchange時間相應地改變文本框的字體顏色。
<html>
<head>
<script language="javascript">
function Fcolor(){
var e=window.event;
var obj=e.srvElement;
form1.textfield.style.color=obj.option[obj.selectedIndex].value;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input name="txtfiled" type="text" value="https://bbs.csdn.net/topics/JavaScript視頻講座">
<select name="menu1" onChange="Fcolor()">
<option value="https://bbs.csdn.net/topics/black">黑</option>
<option value="https://bbs.csdn.net/topics/yellow">黃</option>
<option value="https://bbs.csdn.net/topics/blue">藍</option>
<option value="https://bbs.csdn.net/topics/green">綠</option>
<option value="https://bbs.csdn.net/topics/red">紅</option>
<option value="https://bbs.csdn.net/topics/purple">紫</option>
</select>
</form>
</body>
</html>
uj5u.com熱心網友回復：
能換才怪！上面函式中的e哪來的，form1又哪來的，直接都報錯了，還有下面onchange注意大小寫（沒有大寫）。
function Fcolor(e) {
console.log(e)
console.log(e.value)
const color = e.value;
document.querySelector("form input").style.color = color;;
}
// 。。。
<select name="menu1" onchange="Fcolor(this)">
uj5u.com熱心網友回復：
function Fcolor(){var e=window.event;
var obj=e.srvElement; e.srcElement;
form1.textfield.style.color=obj.option[obj.selectedIndex].value; form1.txtfield.style.color=obj.options[obj.selectedIndex].value;
}
uj5u.com熱心網友回復：
你可以自己按F12除錯看看，你打錯了好幾個單詞。uj5u.com熱心網友回復：
<html>
<head>
<script language="javascript">
function Fcolor(){
form1.txtfiled.style.color=form1.menu1.value;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input name="txtfiled" type="text" value="https://bbs.csdn.net/topics/JavaScript視頻講座">
<select name="menu1" onchange="Fcolor()">
<option value="https://bbs.csdn.net/topics/black">黑</option>
<option value="https://bbs.csdn.net/topics/yellow">黃</option>
<option value="https://bbs.csdn.net/topics/blue">藍</option>
<option value="https://bbs.csdn.net/topics/green">綠</option>
<option value="https://bbs.csdn.net/topics/red">紅</option>
<option value="https://bbs.csdn.net/topics/purple">紫</option>
</select>
</form>
</body>
</html>
uj5u.com熱心網友回復：
沒有獲取from1吧，不獲取怎么改轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/109730.html
標籤：JavaScript
上一篇：c# 大佬救救孩子吧！為什么If函式明明一樣卻總是說不一樣啊
下一篇：換了臺電腦之后資料庫連接不上