手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js使下拉列表框可编辑不止是选择
js使下拉列表框可编辑不止是选择
摘要:复制代码代码如下: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="清除"/>

【js使下拉列表框可编辑不止是选择】相关文章:

基于jQuery实现的无刷新表格分页实例

手机号码本地检测 原创

JavaScript获得指定对象大小的方法

JQuery中两个ul标签的li互相移动实现方法

javascript消除window.close()的提示窗口

jquery控制表单输入框显示默认值的方法

jQuery页面的滚动位置scrollTop、scrollLeft

javascript实现仿腾讯游戏选择

javascript基于DOM实现省市级联下拉框的方法

基于jquery实现下拉框美化特效

精品推荐
分类导航