管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

下拉菜单既可以选择,又可以自己填写

　　按回车键输入新内容，按DEL删除选中内容<br>

　　

<body bgcolor="#fef4d9" onload="s1.focus();"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20catch_keydown(sel)%20%0D%0A%7B%20%0D%0A%20%20%20%20switch(event.keyCode)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20case%2013%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2FEnter%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20sel.options%5Bsel.length%5D%20%3D%20new%20Option(%22%22%2C%22%22%2Cfalse%2Ctrue)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20case%2027%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2FEsc%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20alert(%22text%3A%22%20%2B%20sel.options%5Bsel.selectedIndex%5D.text%20%2B%20%22%2C%20value%3A%22%20%2B%20sel.options%5Bsel.selectedIndex%5D.value%20%2B%20%22%3B%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20case%2046%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2FDelete%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if(confirm(%22%E5%88%A0%E9%99%A4%E5%BD%93%E5%89%8D%E9%80%89%E9%A1%B9!%3F%22))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20sel.options%5Bsel.selectedIndex%5D%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(sel.length%3E0)%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20sel.options%5B0%5D.selected%20%3D%20true%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%20%20%20%20case%208%3A%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%2F%2FBack%20Space%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20s%20%3D%20sel.options%5Bsel.selectedIndex%5D.text%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20sel.options%5Bsel.selectedIndex%5D.text%20%3D%20s.substr(0%2Cs.length-1)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20event.returnValue%20%3D%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20break%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%0D%0A%7D%20%0D%0Afunction%20catch_press(sel)%20%0D%0A%7B%20%0D%0A%20%20%20%20sel.options%5Bsel.selectedIndex%5D.text%20%3D%20sel.options%5Bsel.selectedIndex%5D.text%20%2B%20String.fromCharCode(event.keyCode)%3B%20%0D%0A%20%20%20%20event.returnValue%20%3D%20false%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
<select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程