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

更新时间：2013年12月12日 16:52:03 作者：

下拉列表框默认情况下是不可编辑的，下面为大家介绍个不错的方法可以使下拉列表框可编辑，具体实现如下，需要的朋友可以参考下

 
<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();"/> 

您可能感兴趣的文章:

用RadioButten或CheckBox实现div的显示与隐藏
用RadioButten（或CheckBox）实现div的显示与隐藏，当选择“女”时，显示“美女、才女”；当选择“男”时隐藏，具体实现如下，感兴趣的朋友可以参考下
2013-09-09
String字符串截取的四种方式总结
下面小编就为大家带来一篇String字符串截取的四种方式总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
JS 替换和时间插件的结合使用方法
这篇文章主要介绍了JS 替换和时间插件的结合使用代码，需要的朋友可以参考下
2013-07-07
javascript 进度条的几种方法
在实际项目中，进度条的用处还是非常大的。这篇文章主要是要介绍几种制作进度条的方法。通过学习，你也能制作属于自己的进度条了。
2009-05-05
Js 控制表单域代码
js改变下拉框的显示等实现代码。
2009-05-05
JavaScript的Number对象的toString()方法
toString()方法可以把Number对象转换成字符串，并返回此字符串，本文给大家介绍JavaScript的Number对象的toString()方法，对javascript对象方法相关知识感兴趣的朋友一起学习吧
2015-12-12
JS实现点击拉拽轮播图pc端移动端适配
本文通过实例代码给大家介绍了JS点击拉拽轮播图pc端移动端适配 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-09-09
js中复选框的取值及赋值示例详解
这篇文章主要给大家介绍了关于js中复选框的取值及赋值的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-10-10
JS 实现倒计时数字时钟效果【附实例代码】
下面小编就为大家带来一篇JS 实现倒计时数字时钟效果【附实例代码】。小编觉得挺不错的，现在分享给大家，也给大家做一个参考。
2016-03-03
使用ionic切换页面卡顿的解决方法
使用ionic开发app的时候，会发现切换页面的动画会卡顿，并不流畅，为了保证用户体验，大家采用cordova提供的native transitions可以让页面切换近乎原型的体验，一起通过本文学习下具体实现思路
2016-12-12