js使下拉列表框可编辑不止是选择
js使下拉列表框可编辑不止是选择
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionclearOption(obj,e){varcurrKey=0,e=e||event;currKey=e....

复制代码 代码如下:

<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 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="清除"/>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类