JS 控制select选中项

最新推荐文章于 2023-12-14 09:52:58 发布

原创最新推荐文章于 2023-12-14 09:52:58 发布 · 2.5w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#function #html

Web开发专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种使用JavaScript来实现下拉框默认选项的方法。通过在页面加载时设置预选值，使得下拉框能根据请求参数自动选择对应的选项。此技术适用于网页表单初始化设置。

<html>
  <script type="text/javascript">
    var selectedValue = '<%= request.getAttribute("line")%>';
    
    function changeSelected(){
        jsSelectItemByValue(document.getElementById("mySelect"),selectedValue);
    }
    
    function jsSelectItemByValue(objSelect,objItemText) {
        for(var i=0;i<objSelect.options.length;i++) {
            if(objSelect.options[i].value == objItemText) {
                objSelect.options[i].selected = true;
                break;
            }
        }
    }
  </script>


  <body onload="changeSelected()">
    <select id="mySelect" name="mySelect">
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </body>
</html>