可编辑的下拉框,由input和select组合成,将slelect的左侧隐藏一部分,由input将其覆盖。
<input type="text" id="tbUnit" style="width:121px;position: absolute" />
<select onchange="document.getElementById('tbUnit').value=this.options[this.selectedIndex].value;" style="width:138px;clip: rect(auto auto auto 120px); position: absolute">
<option value="1"> 1</option>
<option value="个">个 </option>
<option value="件">件 </option>
<option value="条">条 </option>
</select>
这里存在一个问题,就是在编辑了输入框后,想要恢复选择项的内容是无法触发select的onchange事件的,所以可以添加input的onchange事件,更改select的选择项index(不太正规)。select默认选的是第一项,做select关联时,添加一项空或者在初始化时做下处理。
分享到:
相关推荐
combox实现的可编辑下拉框 可编辑下拉框,其实就是在下拉框的上面放了个无边框的输入框,在输入框输数据时,下拉框自动定位,下拉框选中某项时,下拉框的值赋给输入框,从而产生错觉
Android 自定义 可编辑 下拉框 已优化代码和界面
可编辑下拉框,用javascript 实现
参考别人文献 同时结合实际修改部分代码做出的一个可编辑的下拉框,并且修改过程同时会动态把没有的选项加入到下拉框中
Android实现仿QQ登录可编辑下拉框
可编辑下拉框
Jquery可编辑下拉框控件,web开发非常实用,有多个功能设置
主要以EdiText、PopupWindow、ListView及Adapter来实现下拉效果,源码,如果没有资源分可以直接访问http://blog.csdn.net/zw_yuyan/article/details/7734736 完整的代码文档,或者我的bd文库...
也就是说,将仿Goole、百度搜索下拉提示功能及可编辑下拉框功能组合到一起,两个功能均在网上找的,根据实际情况,修改了一些代码,使得控件元素的定位更灵活,更准。存html编码,使用非常方便。 需要注意的是,页面...
现在可以编辑下拉框,可根据输入的内容重新加载下拉框的内容.令客户选择查找起来更方便. 使用方法.将此js复制到项目中.在用到需要编辑下拉框的jsp界面中引用此js.在body 属性里. 调用onload事件. ();"> 测试方法:点击...
可编辑的下拉框 既可以编辑,又可以下拉选择 很不错的
Android实现仿QQ登录可编辑下拉框,可用于做登陆的记住账号
这是一款堪称最完美的下拉框组件,特点如:美化的并且可自定义的外观、使用简单、支持分组、下拉列表展开的方向智能化、下拉框可编辑、集成了ajax联动功能、自定义下拉列表的列数、完美的浏览器兼容性等。...
jQuery Editable Select 是一个jQuery插件,它将选择转换成输入字段,其中根据输入的字符实时显示单个元素。当JavaScript不可用时,它就变成了一个真正的选择列表。
bootstrap-table插件:bootstrap-editable,可编辑下拉框,以及代码实例,
业务需要,需要一个选择国家的下拉框,国家比较多,要实现可编辑,可过滤,可搜索功能。 网上搜索发现有一个插件可以基本实现我的功能,但不完美,所以又进行了一番改造;压缩包里有插件代码及一个小demo
可编辑的下拉可编辑的下拉框(JavaScript)框(JavaScript)
这个是可编辑的下拉列表框,可以自动匹配。