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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
js实现手机拍照上传功能
Jan 17 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
Mar 23 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
vue使用nprogress加载路由进度条的方法
Jun 04 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
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
jquery异步跨域访问代码
2013/06/28 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
jQuery实现Select左右复制移动内容
2016/08/05 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
jquery实现图片平滑滚动详解
2017/03/22 jQuery
Javascript 严格模式use strict详解
2017/09/16 Javascript
Postman模拟发送带token的请求方法
2018/03/31 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
Python延迟绑定问题原理及解决方案
2020/08/04 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
Martinelli官方商店:西班牙皮鞋和高跟鞋品牌
2019/07/30 全球购物
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
中学生期末评语
2014/02/03 职场文书
施工安全责任书
2014/04/14 职场文书
期中考试反思800字
2014/05/01 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
夫妻忠诚协议范文
2014/11/16 职场文书
圣诞晚会主持词
2015/07/01 职场文书
趣味运动会简讯
2015/07/20 职场文书
担保公司2015年终工作总结
2015/10/14 职场文书
辞职申请书范本
2019/05/20 职场文书