select支持手动输入

//select下拉框的onkeydown事件，修改下拉框的值function catch_keydown(sel){switch(event.keyCode) {case 13: //回车键event.returnValue = false;break;case 27: //Esc键sel.options[sel.selectedIndex].text = oldText;sel.options[sel.selectedIndex].value = oldValue;event.returnValue = false;break;case 8:  //空格健var s = sel.options[sel.selectedIndex].text;s = s.substr(0,s.length-1);if (sel.options[0].value==sel.options[sel.selectedIndex].text){sel.options[sel.selectedIndex].value=s;sel.options[sel.selectedIndex].text=s;}event.returnValue = false;break;}if (!event.returnValue && sel.onchange)sel.onchange(sel)}

//select下拉框的onkeypress事件，修改下拉框的值function catch_press(sel){if(sel.selectedIndex>=0){var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text){sel.options[sel.selectedIndex].value=s;sel.options[sel.selectedIndex].text=s;}event.returnValue = false;if (!event.returnValue && sel.onchange)sel.onchange(sel)}}

//select下拉框的onfocus事件，保存下拉框原来的值function catch_focus(sel) {oldText = sel.options[sel.selectedIndex].value;oldValue = sel.options[sel.selectedIndex].value;}

<!--调用-->
<select style='width:130px;z-index:-1' name='tmpSel'    onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)><option value=''></option><option value=''>A</option><option value=''>B</option><option value=''>C</option>
</select>

转载于:https://www.cnblogs.com/lcj0308/p/4773832.html

select支持手动输入相关推荐

Oracle中，使 CREATE TABLE AS SELECT 支持ORDER BY
Oracle中,使 CREATE TABLE AS SELECT 支持ORDER BY 文章发表:kehui 发表日期:2002-01-21 阅读次数:1103 大家都知道,"CREA ...
macOS Monterey推出原生密码管理器，支持手动输入网址及账户
苹果 macOS 12 Monterey 于 WWDC 2021 正式发布,带来了多种新功能,以及全新的 Safari 浏览器.根据 MacRumors 消息,新版系统还添加了一个原生密码管理器功能. ...
类似select下拉选择框同时又支持手动输入的元素 datalist 介绍。
有时候我们会有这样的需求,通过使用下拉菜单给用户一定的选择范围,同时又可以使用户在找不到选择项的时候手动输入.这个时候我们就需要用到html5的datalist属性了. datalist包含<o ...
前端下拉框能支持手动输入_可输入的select下拉框
当select下拉框中没有要选择的信息项时,可以直接在select中输入自己想要得信息项. 在输入信息项时,不改变select下拉框中原有的信息项. 通过Backspace键可以清除刚才输入的信息项, ...
c# datatable.select() 支持group by
不支持group by ,支持order by.如果要使用group by的话,可以使用linq,这是C#3.0的内容.给你个示例static void Main(string[] args){ Da ...
vue中Select支持模糊搜索（ iview ）
<Form-item label="名称" prop='v_id'><Select v-model="formRight['v_id']" : ...
点击标签给文本域（Textarea）赋值，文本域支持手动输入
第一步:状态中设置两个变量 state: {content: "", // 该值作为Textarea的valuecontent2: "", } 第二步:点击评价 ...
js通过扫描枪快速扫码录入的功能实现(区分手动输入和扫码枪录入)-pc
扫码录入实践实践背景需要解决的问题代码实现最终代码结语实践背景在近期工作过程中接手了一个让我有些棘手的需求,需求如下: 输入框内支持扫码录入商品,且支持连续扫码录入. 相同输入框中支持手 ...
mysql select语法_MySQL SELECT语法（一）SELECT语法详解
SELECT的语法如下: SELECT[ALL | DISTINCT | DISTINCTROW ] [HIGH_PRIORITY] [STRAIGHT_JOIN] [SQL_SMALL_RESULT ...
Linux多线程编程----IO【select、poll、epoll】
IO操作多速度就下降 IO数据的读和写 IO的完成必须等到读事件(如磁盘拷贝每次要从磁盘查找数据) 和写事件 (允许写如写太快写满就要马上阻塞)的就绪 IO是否高效 :主要看一 ...

select支持手动输入

select支持手动输入相关推荐

最新文章

热门文章