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

2019-12-24,,,,

复制代码 代码如下:
<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();"/>

您可能感兴趣的文章:

  • ExtJs之带图片的下拉列表框插件
  • js Select下拉列表框进行多选、移除、交换内容的具体实现方法
  • js获取下拉列表框<option>中的value和text的值示例代码
  • JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
  • js操纵dom生成下拉列表框的方法
  • JS显示下拉列表框内全部元素的方法
  • JS+CSS实现美化的下拉列表框效果
  • JavaScript实现下拉列表框数据增加、删除、上下排序的方法
  • JS+CSS实现下拉列表框美化效果(3款)

《js使下拉列表框可编辑不止是选择.doc》

下载本文的Word格式文档,以方便收藏与打印。