Question

我需要一个选择形式来改变div元素的类。从下面的示例代码中，我如何根据选择使用JavaScript来更改div（myBox）的类。

    <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>

Answer 1

处理onchange的{{1}}事件并更改select element的{{1}}：

class

JavaScript更改类与选择表单

1 个答案: