可输入的select

原创 2002年05月08日 09:57: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>


 

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

转载:https://www.douban.com/note/395390036/ 一般情况下,select下拉框是只能选择,不能用来输入内容的。当select下拉框中没有要选择的信息项时,...
  • fireblue1990
  • fireblue1990
  • 2017年01月01日 18:49
  • 7197

HTML 实现可输入select标签

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

怎么实现select可以下拉也可以输入的功能

今天项目中有要求用到这个功能,所以在网上搜了老半天,找到一个比较好的插件jquery-editable-select,就是用我们知道,一般select下拉框是只能选择的,不能用来输入内容的。而有时我们...
  • kerwener
  • kerwener
  • 2017年03月13日 16:06
  • 981

bootstrap的select2既可以查询又可以输入

首先关键一句话: $(".js-example-tags").select2({ tags: true }) 别小看此代码功能可谓强大,在需要的地方直接加进去class如下代...
  • Smy_0114
  • Smy_0114
  • 2017年02月16日 19:57
  • 2983

可输入文本的SELECT

插件名称:jquery-editable-select 下载地址:http://plugins.jquery.com/node/9250 这个插件有个小问题: 1、显示的是option的text...
  • xinqingch
  • xinqingch
  • 2012年12月12日 16:19
  • 4406

设置可以把select 设成可以输入数据

参考:请选择客户编号实际使用 得到输入的内容: bindtxt.value 再把输入的内容插入里面: bindtxt.onblur = function() { sctno.options.add(...
  • ahhsxy
  • ahhsxy
  • 2005年12月30日 16:41
  • 1124

可输入可选择下拉框

可输入可选择的下拉框,将input定位在select上......
  • IT429
  • IT429
  • 2016年09月08日 09:25
  • 1929

查询中的可编辑select案例

自己需要做一个jsp页面中即可选择又可编辑的select下拉框,在网上搜了一定的资料,自己整合了一个比较适合IE的版本,给大家分享一下: 直接上图:   对于谷歌浏览器,有一定的出入,如果您有很...
  • yang_734664103
  • yang_734664103
  • 2012年08月23日 11:38
  • 1629

可以输入的下拉框实现方法

可以输入的下拉框其实就是select和input的组合使用 * { margin: 0px auto; padding: 0px auto; ...
  • qq_31083947
  • qq_31083947
  • 2016年12月11日 20:35
  • 5010

select选择框变得可以输入、编辑

个件盒箱双条瓶罐
  • jeefchen
  • jeefchen
  • 2010年09月18日 16:58
  • 10679
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可输入的select
举报原因:
原因补充:

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