JavaScript使用select表单更改类_Javascript

JavaScript使用select表单更改类

javascript

JavaScript使用select表单更改类,javascript,Javascript,我需要一个select表单来更改div元素的类。从下面的示例代码中，我如何使用JavaScript根据选择更改divmyBox的类 <html> <head> <style type="text/css"> .red {background:#FF0000;color:#FFF} .white {background:#FFF;color:#000} .blue {background:#0000FF;

我需要一个select表单来更改div元素的类。从下面的示例代码中，我如何使用JavaScript根据选择更改divmyBox的类

    <html> 
    <head> 
    <style type="text/css"> 
    .red {background:#FF0000;color:#FFF} 
    .white {background:#FFF;color:#000} 
    .blue {background:#0000FF;color:#FFF} 
    </style> 
    </head> 

    <body> 
    <form id="myform" action="#"> 
    <select id="bgcolor"> 
        <option value="red">Red</option> 
        <option value="white">White</option> 
        <option value="blue">Blue</option> 
    </select> 
    </form> 

    <div id="myBox" class="red">This is myBox</div> 

    </body> 
    </html>

处理select元素的onchange事件并更改div的类：

这里有一个问题，但我认为@Ingenu的意思可能是，就目前的情况来看，您似乎并没有在问题上寻求帮助，而是要求我们为您实现整个过程。更简单、更明显的是document.getElementById'myBox'。className=this.value；。使用IE中的键导航选择选项将得到有趣的结果：-

document.getElementById('bgcolor').onchange = function(){
    document.getElementById('myBox').className = this.value;
};