一般来说,DropDownList控件的内容是只读的,你能够通过后台代码控制其内容可以增加也可以修改,但是却无法被修改。
如果想修改DropDownList的内容,那么,可以通过JS在客户端满足该需求。
一、在页面的HEAD区域之间添加JS代码
<script language="javascript" type="text/javascript">
function selectedDDL(selectEle )
{
selectEle.options[selectEle.length]=new Option("","",false,true);
}//当你选中dropdownlist的时候为他创建一个新项目
function updateDDLContent(selectEle)
{
selectEle.options[selectEle.selectedIndex].text= selectEle.options[selectEle.selectedIndex].text + String.fromCharCode(event.keyCode);
var tempText=document.getElementById(selectEle.name+"Text");
tempText.value=selectEle.options[selectEle.selectedIndex].text;
}//当键盘按下时,修改一个dropdownlist的option内容
function selectEvent(selectEle)
{
switch(event.keyCode)
{
case 8:
selectEle.options[selectEle.selectedIndex].text="";
event.returnValue=false;
break;
case 46:
selectEle.options[selectEle.selectedIndex].text="";
break;
}
}//用来处理delete和space两个按键的响应
function bindContentToTextBox( selectEle )
{
var tempText=document.getElementById(selectEle.name+"Text");
tempText.value=selectEle.options[selectEle.selectedIndex].text;
}//将内容帮定到textbox
</script>
二、后台代码
DropDownList控件ID.Attributes.Add("ondblclick", "selectedDDL(this)");
DropDownList控件ID.Attributes.Add("onkeypress", "updateDDLContent(this)");
DropDownList控件ID.Attributes.Add("onkeydown", "selectEvent(this)");
DropDownList控件ID.Attributes.Add("onchange", "bindContentToTextBox(this)");