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 相关文章推荐
jQuery Clone Bug解决代码
Dec 22 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
基于vue实现移动端圆形旋钮插件效果
Nov 28 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
JS猜数字游戏实例讲解
Jun 30 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
JS实现拖动模糊框特效
Aug 25 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
一个简单的js树形菜单
2011/12/09 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
javascript控制台详解
2015/06/25 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
Python中threading模块join函数用法实例分析
2015/06/04 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
儿科护士实习自我鉴定
2013/10/17 职场文书
文秘自荐信
2013/10/20 职场文书
八年级历史教学反思
2014/01/10 职场文书
四风问题对照检查材料
2014/09/22 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python