您的位置：首页 > Web前端 > JavaScript

可输入的下拉列表js

2007-05-10 11:05 295 查看

<HEAD>
  <style>
   
  </style>
  <script language="javascript">
  function add(val) {
  var all = document.getElementById("n");
  var max = all.options.length;
  if(val.replace(/(/s+)/,'')==''){
  return;
  }
  for (var i=0;i<max;i++) {
  if (all.options[i].text==val) {
  return;
  }
  }
  all.options.add(new Option(val));
  }

function selectchange(val)
  {
   var fl = 0;
   var all = document.getElementById("n");
   var max = all.options.length;
   if(val.replace(/(/s+)/,'')==''){
   alert("11");
   return;
   }
   for (var i=0;i<max;i++)
   {
    if (all.options[i].text==val)
    {
     fl = 1;
     all.value = all.options[i].value;
     //alert(all.value);
     return;
    }
   }
   if(fl == 0)
   {
    alert("111");
    document.getElementById("m").focus();
   }
  }
  </script>
</HEAD>
<body>
  <form name="form1">
   <div class="cls2">
    <input type="text" name="m" value="1" onPaste="alert('in put');return false" onBlur="selectchange(this.value)" size="20" style="width: 127; height: 23">
   </div>
   <div class="cls1" style="clip: rect(3 280 21 110)">
    <select name="n" onChange="this.form.m.value=this.options[selectedIndex].text" id="n" style="width:127; height: 23" >
     <option value=1>1</option>
     <option value=2>2</option>
     <option value=3>3</option>
    </select>
   </div>
  </form>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： function javascript input class div

相关文章推荐

新的分享

章节导航