asp.net 中 DropDownList 加入可输入功能解决方案

先把这段JS代码放到你页面的HTML中去

function catch_keydown(sel) { switch(event.keyCode) {

case 13: //Enter;

sel.options[sel.length] = new Option("","",false,true);

event.returnValue = false;

break;

case 27: //Esc;

alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");

event.returnValue = false;

break;

case 46: //Delete;

if(confirm("刪除當前內容!?")) {

sel.options[sel.selectedIndex] = null;

if(sel.length>0) { sel.options[0].selected = true; } }

event.returnValue = false; break;

case 8: //Back Space;

var s = sel.options[sel.selectedIndex].text;

sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);

event.returnValue = false; break; } }

 function catch_press(sel) {

sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode

(event.keyCode); event.returnValue = false;

 }

然后在你的程序中拖拽一个  DropDownList 控件,在到HTML页中找到这个 控件的 代码

在他后面加上  onkeydown="catch_keydown(this);" onkeypress="catch_press(this);"

运行程序就好了

你可能感兴趣的:(asp.net 中 DropDownList 加入可输入功能解决方案)