<HTML> 怎么利用下拉框改变文本框 颜色
<body><formname="form1"><inputname="textfield"type="text"><selectname="menu1"onchange...
<body><form name="form1"><input name="textfield" type="text"><select name="menu1" onchange="fcolor()"><option value="black">hei</option><option value="bule">he</option><option value="red">h</option><select></form><script>function fcolor()var e=window.event;var obj=e.srcelement;form1.textfield.style.color=obj.options{obj.selectedindex}.value;</script></body>
展开
1个回答
展开全部
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<form name="form1">
<input id="text1" name="textfield" type="text" value="demo text" >
<select id="color1" name="menu1" >
<option value="black">hei</option>
<option value="blue">blue</option>
<option value="red">red</option>
</select>
</form>
<script>
function fcolor(event){
var e=event||window.event;
var obj=e.srcelement?e.srcelement:e.target;
var txt=document.getElementById('text1');
var color=obj.options[obj.selectedIndex].value;
txt.style.color=color;
}
window.onload=function(){
var obj=document.getElementById('color1');
obj.onchange=fcolor;
}
</script>
</body>
</html>
追问
谢谢 但是我想用 JS中的onchange这个事件来完成这个功能。。。。。。
追答
难道我用的不是onchange事件么？咱别闹啊。我那28行写的是啥。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
