如何确定一个值是否存在于下拉列表框中

可以对其进行搜索呀，假设文本框中输入的学号是 200623434，那么可用下面的函数判断是不是存在于下拉列表中：
// 如果找到，则返回在下拉列表中的索引值，返回-1表示没有找到
function exist(number) {
  var dl = document.getElementById('stu');
  for (int i = 0,len = dl.options.length; i < len; i++) {
    if (number == dl.options[i].value) return i;
  }
  return -1;
}

解决方案 »

  1.   

    循环判断options里面的值，然后返回一个索引。或者true/false
      

  2.   

    也可以用正则的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <select id="sel1">
    <option value="1">NO.1</option>
    <option value="2">NO.2</option>
    <option value="3">NO.3</option>
    <option value="4">NO.4</option>
    <option value="5">NO.5</option>
    <option value="6">NO.6</option>
    <option value="7">NO.7</option>
    <option value="8">NO.8</option>
    </select>
    <script>
    function $(strId){
    return document.getElementById(strId);
    }
    oSel=$("sel1");
    oSel.options.add(new Option("NO.9",9));var nNum="10";
    oReg=window.eval("/<option value=['|\"]?"+nNum+"['|\"]\>/i");
    alert(oReg.test(oSel.innerHTML));
    </script>
    </body>
    </html>
      

  3.   

    一时疏忽少写了个?导致在ie下有问题
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <select id="sel1">
    <option value="1">NO.1</option>
    <option value="2">NO.2</option>
    <option value="3">NO.3</option>
    <option value="4">NO.4</option>
    <option value="5">NO.5</option>
    <option value="6">NO.6</option>
    <option value="7">NO.7</option>
    <option value="8">NO.8</option>
    </select>
    <script>
    function $(strId){
    return document.getElementById(strId);
    }
    oSel=$("sel1");
    oSel.options.add(new Option("NO.9",9));var nNum="7";
    oReg=window.eval("/<option value=['|\"]?"+nNum+"['|\"]?\>/i");alert(oReg.test(oSel.innerHTML));
    </script>
    </body>
    </html>
      

  4.   

    谢谢大家。
    comdeng、java2000_net 两位老兄想法一致，我也是这么想的，现在还是没有调试出来。
    现在正在试。
      

  5.   

    function exist(number) {
      var dl = document.getElementById('stu');
      for (var i = 0,len = dl.options.length; i < len; i++) {
        if (number == dl.options[i].value){dl.value=number;return i;}
      }
      return -1;
    }做出来了，谢谢大家