html中的select下拉框具有输入功能
2017-07-27 11:17
465 查看
<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>
相关文章推荐
- html中的select下拉框具有输入功能
- html中的select下拉框具有输入功能
- 如何让Select下拉框具有输入功能
- select下拉框实现输入功能
- 有输入功能的HTML下拉框
- html页面 的文本框只能输入数字,动态生成select下拉框
- js实现Select下拉框具有输入功能的方法
- 关于HTML中select下拉框的取值问题
- html中css无法控制下拉框select显示的解决办法用div+css来模仿的实例
- html select 可输入 可编辑
- DHTML(Dynamic HTML)--5.select下拉框
- Jquery制作让HTML元素具有输入框功能的插件
- 用JS初始化html中的下拉框select
- HTML 实现可输入select标签
- [置顶] bootstrap框架下下拉框select搜索功能
- 【十五分钟Talkshow】为什么新浪微博的输入文本框具有记忆功能
- Jquery制作让HTML元素具有输入框功能的插件
- 使用easyUI的combobox下拉框控件实现输入提示功能(google suggest)
- html对select标签实现数据动态增加,删除,修改功能。