suchen

Heim  >  Artikel  >  Web-Frontend  >  使用js实现一个可编辑的select下拉列表_javascript技巧

使用js实现一个可编辑的select下拉列表_javascript技巧

WBOY
WBOYOriginal
2016-05-16 16:58:541127Durchsuche
复制代码 代码如下:



<script> <BR>function clearSelect(obj,e) <BR>{ <BR>opt = obj.options[0]; <BR>opt.selected = "selected"; <BR>if((e.keyCode== 8) ||(e.charCode==8))//使用退格（backspace）键实现逐字删除的编辑功能 <BR>{ <BR>opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0); <BR>opt.text = opt.value; <BR>} <BR>if((e.keyCode== 46) ||(e.charCode==46))//使用删除（Delete）键实现逐字删除的编辑功能 <BR>{ <BR>opt.value = ""; <BR>opt.text = opt.value; <BR>} <BR>//还可以实现其他按键的响应 <BR>} <br><br>function writeSelect(obj,e) <BR>{ <BR>opt = obj.options[0]; <BR>opt.selected = "selected"; <BR>opt.value += String.fromCharCode(e.charCode||e.keyCode); <BR>opt.text = opt.value; <BR>} <BR>function forbidBackSpace()//为了在IE中，避免backspace的返回上一页功能，和本下拉框的编辑功能冲突，需要禁掉backspace的功能。forbidBackSpace可以写在<body onkeydown="forbidBackSpace();">中。 <BR>{ <BR>if((event.keyCode == 8) && (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password")) <BR>{ <BR>event.keyCode = 0; <BR>event.returnValue = false; <BR>} <BR>} <BR></script>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery 无限级菜单的简单实例_jqueryNächster Artikel：jquery遍历checkbox的注意事项说明_jquery

In Verbindung stehende Artikel

Mehr sehen