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中的end()使用方法
Jul 10 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
Feb 23 Javascript
前端开发之CSS原理详解
Mar 11 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
vue中如何使用ztree
Feb 06 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
微信小程序发布新版本时自动提示用户更新的方法
Jun 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识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
PHP的自定义模板引擎
2017/03/24 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
永不消失的title提示代码
2007/02/15 Javascript
犀利的js 函数集合
2009/06/11 Javascript
JavaScript的变量作用域深入理解
2009/10/25 Javascript
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
node.js中的fs.closeSync方法使用说明
2014/12/17 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
如何正确理解javascript的模块化
2017/03/02 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
python读取Android permission文件
2013/11/01 Python
Python中的模块和包概念介绍
2015/04/13 Python
Python的时间模块datetime详解
2017/04/17 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
pygame实现简易飞机大战
2018/09/11 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
应届毕业生的个人自我鉴定
2013/10/24 职场文书
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
英语辞职信范文
2015/02/28 职场文书
2016年领导干部正风肃纪心得体会
2015/10/09 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js