在Web中,如何让C#中的DropDownList控件能进行修改和输入?

解决方案 »

  1.   

    www.CodeProject.com
    的找下吧。
      

  2.   

    http://expert.csdn.net/Expert/topic/2107/2107233.xml?temp=.6404077
    去那看看,应该对你有帮助的。
      

  3.   

    使用comboBox啊,然后将其DropDownStyle属性设置为:DropDown
      

  4.   

    s.thm<script src="editableselect.js"></script>
    <select id="EditableSelect">
    <option>可以编辑的select第二版</option>
    <option>Bencalie制作</option>
    </select>addin2.htm<script language="vbs">
    function public_str(theStrIn)
     strIn.value=theStrIn
    end function
    </script>
    <body leftmargin=0 topmargin=0>
    <script language="javascript">
    function check(){
    var obj=parent.document.all.EditableSelect
    var theValue=document.all.strIn.value.replace(/^\s*/g,"").replace(/\s*$/g,"")
    if(event.keyCode==13){
    if(theValue!=""){
    for(i=0;i<obj.length;i++)
     if(obj.options[i].text==theValue){
      alert("该选项已经存在!");
      document.all.strIn.focus();
      document.all.strIn.value="";
      return;
     }
    parent.addNewOption(theValue) 
    }
    document.all.strIn.value=""
    }
    }
    </script>
    <input id=strIn style='border:0;width:100%;height:100%;padding-top:2px' onkeydown=check()>
    </body>
    editableselect.js
    window.onload=function(){
     var objSelect=EditableSelect
     var obj=document.all.EditableSelect
     getTop=obj.offsetTop;
     getLeft=obj.offsetLeft;
     while(objSelect=objSelect.offsetParent){
     getTop+=objSelect.offsetTop;
     getLeft+=objSelect.offsetLeft;
     } var oNewItem=document.createElement("OBJECT"); 
     document.body.insertBefore(oNewItem);
     oNewItem.outerHTML="<object id=editable style=\"z-index:2;position:absolute\" type=\"text/x-scriptlet\" data=\"addin2.htm\"></object>"; editable.style.left=getLeft+1
     editable.style.top=getTop+1
     editable.style.width=obj.offsetWidth-19
     editable.style.height=obj.offsetHeight-3
     
     obj.onchange=function(){editable.str(obj.options[obj.selectedIndex].text)}
     obj.onresize=function(){editable.style.width=obj.offsetWidth-19}
    }function addNewOption(value){
     EditableSelect.options[EditableSelect.length]=new Option(value,value) 
    }