js使下拉列表框可编辑不止是选择


Posted in Javascript onDecember 12, 2013
<script> 
function clearOption(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
if(currKey == 8){ 
obj.options[0].text = ""; 
} 
} 
function writeSelect(obj,e){ 
var currKey=0,e=e||event; 
currKey=e.keyCode||e.which||e.charCode; 
obj.options[0].selected = "select"; 
if(currKey != 8){//这个地方是为了避免在firefox又出现令人厌烦的乱码,可以试试注释这句话,看看在firefox的效果 
obj.options[0].text = obj.options[0].text + String.fromCharCode(currKey); 
} 
e.returnValue=false; 
return obj.options[0].text; 
} 
function ttt(){ 
var jg = document.getElementById("aa").options[document.getElementById("aa").selectedIndex].text; 
//当然也可以在前面的writeSelect函数里面同时设置options的value,这样的话,直接可以在该程序里面用value取出 
jQuery("#aa").empty(); 
jQuery("#aa").append("<option value=''></option>"); 
} </script>

<select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" onkeydown="clearOption(this,event)" onkeypress="writeSelect(this,event)"> 
<option value=""></option> 
<option value="11">11</option> 
<option value="22">22</option> 
<option value="33">33</option> 
</select> 
<input type="button" value="清除" onclick="ttt();"/>
Javascript 相关文章推荐
javascript函数中的arguments参数
Aug 01 Javascript
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
canvas知识总结
Jan 25 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
微信小程序如何获取地址
Dec 24 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
深入理解JavaScript是如何实现继承的
Dec 12 #Javascript
Javascript Ajax异步读取RSS文档具体实现
Dec 12 #Javascript
javascripit实现密码强度检测代码分享
Dec 12 #Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 #Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
Dec 12 #Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 #Javascript
js中typeof的用法汇总
Dec 12 #Javascript
You might like
PHP脚本的10个技巧(8)
2006/10/09 PHP
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
php字符串分割函数explode的实例代码
2013/02/07 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
php自定义排序uasort函数示例【二维数组按指定键值排序】
2019/06/19 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
javascript三种代码注释方法
2016/06/02 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
python访问sqlserver示例
2014/02/10 Python
Python help()函数用法详解
2014/03/11 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
详解K-means算法在Python中的实现
2017/12/05 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
基于Python在MacOS上安装robotframework-ride
2018/12/28 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
Python pandas如何向excel添加数据
2020/05/22 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
迟到检讨书300字
2014/02/14 职场文书
委托书范本
2014/04/02 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2015年中秋晚会主持词
2015/07/01 职场文书
小学生纪律委员竞选稿
2015/11/19 职场文书