1. 程式人生 > >asp.net 中 DropDownList 加入可輸入功能解決方案

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);"

執行程式就好了