Question

用javascript如何实现下拉框换背景换背景，

用javascript如何实现下拉框换背景换背景，直接在下拉框选择了背景就会更换而不需要去点击其他按钮

Answer 1

直接上代码 自己去理解
<select id="color" onchange="fun()">
<option value="" selected>请选择</option>
<option value="red">red</option>
<option value="blue">blue</option>
<option value="yellow" >yellow</option>
<option value="#434343">#434343</option>
<option value="black">black</option>
<option value="green">green</option>
</select>
<div style="width:200px;height:300px;border:1px solid #001123;" id="bg"></div>
<script type="text/javascript">
var s=document.getElementById("color").options;
var j=document.getElementById("bg");
function fun(){
var num=s.selectedIndex;
j.style.backgroundColor=s[num].value;
}
</script>

Answer 2

给下拉列表加上onchange事件，在下拉列表里option标签里显示写中文，value写成中文颜色对应的颜色编码，如#FFF，在onchange事件里代码如下,名字我随便取的
function aa(){
var sel=document.getElementById("color");
sel.style.backgroundColor = document.getElementById("aa").value

}

Answer 3

<select id="color" onchange="fun()">
<option value="" selected>请选择</option>
<option value="red">red</option>
<option value="blue">blue</option>
<option value="yellow" >yellow</option>
<option value="#434343">#434343</option>
<option value="black">black</option>
<option value="green">green</option>
</select>
<div style="width:200px;height:300px;border:1px solid #001123;" id="bg"></div>
<script type="text/javascript">
var s=document.getElementById("color").options;
var j=document.getElementById("bg");
function fun(){
var num=s.selectedIndex;
j.style.backgroundColor=s[num].value;
}
</script>

Answer 4

你用select 标签的onchange属性触发 你换背景的方法就好了

Answer 5

fdsafdsafdsa