<HTML> 怎么利用下拉框改变文本框 颜色

<HTML> 怎么利用下拉框改变文本框 颜色,第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>

text,你是指文本框吗?如果是文本框你就给它设置一个class名,比方说abc,那么就在css样式里面写.abc{backgrou:red;}这样的模式,当然颜色什么的你可以自己选。、,我只是举个例子而已。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7247372.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存