html中的select下拉框具有输入功能

来源：互联网发布：淘宝冷门类目2017 编辑：程序博客网时间：2024/06/03 08:40

<html>   <head>       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   </head>   <body>       <select id="select" onkeydown="Select.del(this,event)" onkeypress="Select.write(this,event)">          <option value=""></option>          <option value="aaa">aaa</option>          <option value="bbb">bbb</option>          <option value="ccc">ccc</option>      </select>      <input type="button" value="获取选择值" id="test" onclick="test();"/>      <script>          var Select = {          del : function(obj,e){              if((e.keyCode||e.which||e.charCode) == 8){                  var opt = obj.options[0];                  opt.text = opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0);              }          },          write : function(obj,e){              if((e.keyCode||e.which||e.charCode) == 8)return ;                  var opt = obj.options[0];                  opt.selected = "selected";                  opt.text = opt.value += String.fromCharCode(e.charCode||e.which||e.keyCode);              }          }            function test(){              alert(document.getElementById("select").value);          }      </script>  </body>   </html>

阅读全文

0 0