javascript - 使用选择标签更改网站的背景图片

Question

我正在学习 JavaScript，我设法改变了背景颜色:

<script>
     function changecolor(id,color) {
            id.style.backgroundColor=color;
     }
</script>


<div id="container">
     <p> Select Color to change background:</p>
     <select id="themenu" onchange="changecolor(container,themenu.value)">
          <option value="white"> </option>
          <option value="red">RED</option>
          <option value="blue">BLUE</option>
          <option value="green">GREEN</option>
     </select>
</div>

还有其他方法吗？

Answer 1

你可能只是被语法困住了

<select id="themenu" onchange="changecolor(container,this.value)"> <!-- Change -->
 <option value="white"> </option>
 <option value="red">RED</option>
 <option value="blue">BLUE</option>
 <option value="green">GREEN</option>
</select>

this.value 指的是当前对象的选中值!

themenu.value 也可以正常工作，您可能只是卡在了其他地方!

Demo Update

Another Js Fiddle