下拉列表默认选择后台传来的值

最新推荐文章于 2022-06-12 18:19:11 发布

juyuquan1986

最新推荐文章于 2022-06-12 18:19:11 发布

阅读量6.1k

点赞数 2

文章标签： html function

本文链接：https://blog.csdn.net/juyuquan1986/article/details/4599781

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Untitled Document</title>
  <script type="text/jscript">
   //选中节点的方法，第一个参数为select的id，第二个参数为后台传来的值
   function checkOption(id,value)
   {
    //获得下拉列表的id
    var select = document.getElementById(id);
    //获得下拉列表的所有option
    var options = select.options;
    //循环获得对应的节点
    for(var i=0;i<options.length;i++)
    {
     //获得节点的值和后台传来的值进行比较
     if (options[i].value == value)
     {
      //如果当前节点与后台传来的值一致，则将当前节点设置为选中状态，并跳出循环
      options[i].selected = true;
      break;
     }
    }
   }
  </script>
</head>
<body>
  <select id=select>
   <option value=1 >11</option>
   <option value=2>22</option>
   <option value=3>33</option>
   <option value=4>44</option>
   <option value=5>55</option>
   <option value=6>66</option>
   <option value=7>77</option>
   <option value=8>88</option>
   <option value=9>99</option>
  </select>
  
  <script type="text/javascript">
   checkOption('select','6');
  </script>
</body>
</html>