js控制html下拉框select的选择

来源:互联网 发布:linux 命令行 编辑:程序博客网 时间:2024/05/16 17:46

        关于html的下拉框, 我们该如何在js代码中控制它选择哪个呢?   如下:

<html> <body><select id="xxx" >      <option value="10">1</option>  <option value="20">2</option>      <option value="30">3</option>      <option value="40">4</option>   </select><button onClick="test()">test </button><script>function test(){var x = document.getElementById("xxx");x.options[1].selected = true;        alert(x.value);}</script></body>   </html>


       点击按钮后, 结果为20


       

0 0