可输入select选单

原创 2004年09月17日 08:21:00

<html>
<head>
<style>
<!--
.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
//-->
</style>
</head>
<script>
<!--
function addOption(pos){

 if(event.keyCode==13)
 {
  var select_obj = document.getElementById("myselect");
  var text_value   = document.getElementById("test").value;

  if (select_obj.length)
  {
   for (var i=0;i<select_obj.length;i++)
   {
    // 如果已经存在,不添加,直接退出
    if (select_obj.options[i].text==text_value)
     alert("选项已存在,请重新输入");
   }
  }
  var the_option= new Option(text_value,text_value);
  
  select_obj.add(the_option);

  select_obj.selectedIndex = select_obj.options.length-1
 }  
 
}
//-->
</script>
<div class="cls1" style="clip: rect(3 280 21 110)">
  <select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
  </select>
</div>
<div class="cls2">
<input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">
</div>

</body>
</html>

如何让Select下拉框具有输入功能

一般情况下,Select下拉框是只能选择,不能用来输入内容的。当select下拉框中没有要选择的信息项时,可以直接在select中输入自己想要得信息项,在输入信息项时,不改变select下拉框中原有的...
  • liang100k
  • liang100k
  • 2015年07月06日 17:19
  • 2326

【web前端】可筛选[输入搜索]的select

基于jquery, 带筛选,可搜索的 select 插件。与 select 元素无缝结合,最大程度上,保证 select 的原生性。兼容 ie7 及 以上浏览器...
  • linfenpan
  • linfenpan
  • 2015年09月26日 12:43
  • 5110

带输入过滤的select

带输入过滤的select div,span,p,td,font{font-size:10pt;} var arr = ["闲人书库","闲人BLOG","闲人设计...
  • chyl134528
  • chyl134528
  • 2014年09月01日 14:08
  • 2631

js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)

js:可输入可选择的select下拉框,可及时匹配内容(兼容ie)
  • u014547764
  • u014547764
  • 2016年12月21日 15:00
  • 1552

利用select监听stdin输入

我这两天打算研究一下vi的源码(就是linux上面的那个vi),然后在这个学期的课程设计中写一个简单的文本编辑器。我发现vi源码中是利用select来监听是否有输入内容的。 文件描述符 我们都知道...
  • qq_32685139
  • qq_32685139
  • 2016年12月20日 21:30
  • 935

支持输入且自动完成的 select

支持输入且自动完成的 select
  • lizhihaoweiwei
  • lizhihaoweiwei
  • 2016年04月29日 18:58
  • 283

【JavaScript】Select下拉列表 可输入的模糊查询

这个是我用了三天的时间做出来,虽然在自己的项目中没有用到,但是感觉还是挺有成就感的,好东西就应该分享一下。。 div style="position:relative";> 学院...
  • tengliu6
  • tengliu6
  • 2016年07月29日 18:08
  • 3159

[K/3Cloud]关于"选单"操作

之前有些人对这块有些疑问,比如: 1.选单操作是否和下推基本一样,都是公用同一套单据转换规则,只不过下推是源单推目标单,选单是目标单去选择源单,最终操作结果一样? 2,我想实现选单的时候,选单列表先通...
  • fyq891014
  • fyq891014
  • 2013年09月08日 12:05
  • 795

Yii Select2实时手动输入查询

之前在工作中遇到了问题,我要实时手动输入筛选查询用户,有两种实现方式 方式一: field($model, 'companies_company_id')->widget(Select2::cl...
  • u011299210
  • u011299210
  • 2016年11月23日 15:30
  • 657

可输入过滤和直接选择的select控件

代码: "> "> .selectTab{ width: 726px; height: 43px; background-image: url(""); background-re...
  • gqltt
  • gqltt
  • 2014年11月11日 11:30
  • 2065
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可输入select选单
举报原因:
原因补充:

(最多只允许输入30个字)