Dzwebs.Net

撰写电脑技术杂文十余年

如何让DropDownList的内容能够被修改

Admin | 2014-8-13 10:02:45 | 被阅次数 | 5694

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  一般来说,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)");


该杂文来自: 网站开发杂文

上一篇:读取数据库的 ,文本框替换 的办法

下一篇:代码控制GridView动态列

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计