关于html<select>标签及textbox的联动问题

想让用户在select标签中选择某些项的时候，使textbox为不可用，js代码处理，我写的不行，没效果，高手帮我看看
<asp:TextBox ID="txtBillid" runat="server" ValidationGroup="b"></asp:TextBox>                        <select id="select_add" name="select_add" style="width: 129px" onclick="Objonclick('select_add')">
                            <option selected="selected">--请选择单据类型--</option>
                            <option value="送貨單">送貨單</option>
                            <option value="物品領用申請單">物品領用申請單</option>
                            <option value="物品請購單">物品請購單</option>
                            <option value="用戶變更申請單">用戶變更申請單</option>
                            <option value="IT設備需求申請單">IT設備需求申請單</option>
                            <option value="IT設備維修申請單">IT設備維修申請單</option>
                            <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                            <option value="Internet開通申請單">Internet開通申請單</option>
                            <option value="USB開通申請單">USB開通申請單</option>
                            <option value="軟件安裝申請單">軟件安裝申請單</option>
                            <option value="FTP使用申請單">FTP使用申請單</option>
                            <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                            <option value="內部便條">內部便條</option>
                        </select>    function Objonclick(name)
    {
        var dropid=document.getElementById(name);
        var ind=dropid.seletedIndex;
        var dto=dropid.options[ind].value;        
        //alert(dto);
        if(dto=="用戶變更申請單")
        {
            document.getElementById("txtBillid").disabled=false;
        }
    }

解决方案 »

  1.   

    事件错了 select的 onchange事件 调用函数  不是onclick
      

  2.   


    <!DOCTYPE script PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
        <script type="text/javascript">
        function Objonclick(name)
        {
            var val=document.getElementById(name).value;
            document.getElementById("txtBillid").disabled=val=="用戶變更申請單"?true:false;
        }
        </script>
    <title>demo</title>
    </head>
    <body>
          <input id="txtBillid"/>
         <select id="select_add" name="select_add" style="width: 129px" onclick="Objonclick('select_add')">
                                <option selected="selected">--请选择单据类型--</option>
                                <option value="送貨單">送貨單</option>
                                <option value="物品領用申請單">物品領用申請單</option>
                                <option value="物品請購單">物品請購單</option>
                                <option value="用戶變更申請單">用戶變更申請單</option>
                                <option value="IT設備需求申請單">IT設備需求申請單</option>
                                <option value="IT設備維修申請單">IT設備維修申請單</option>
                                <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                                <option value="Internet開通申請單">Internet開通申請單</option>
                                <option value="USB開通申請單">USB開通申請單</option>
                                <option value="軟件安裝申請單">軟件安裝申請單</option>
                                <option value="FTP使用申請單">FTP使用申請單</option>
                                <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                                <option value="內部便條">內部便條</option>
          </select>
    </body>
    </html>这样 ？
      

  3.   

    onclick="Objonclick(this)function Objonclick(sel)
        {
            var val=sel.options[sel.options.selectedIndex].value;
            document.getElementById("txtBillid").disabled=val=="用戶變更申請單"?true:false;
        }
      

  4.   

    改了，还是没效果，选择用“戶變更申請單”时，还是没效果，textbox还是没可用的
      

  5.   

    </div> 
              
      
                                <input type="text" name="txtBillid" id="txtBillid" />                        <select id="select_add" name="select_add" style="width: 129px" onclick="Objonclick('select_add')">
                                <option selected="selected">--请选择单据类型--</option>
                                <option value="送貨單">送貨單</option>
                                <option value="物品領用申請單">物品領用申請單</option>
                                <option value="物品請購單">物品請購單</option>
                                <option value="用戶變更申請單">用戶變更申請單</option>
                                <option value="IT設備需求申請單">IT設備需求申請單</option>
                                <option value="IT設備維修申請單">IT設備維修申請單</option>
                                <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                                <option value="Internet開通申請單">Internet開通申請單</option>
                                <option value="USB開通申請單">USB開通申請單</option>
                                <option value="軟件安裝申請單">軟件安裝申請單</option>
                                <option value="FTP使用申請單">FTP使用申請單</option>
                                <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                                <option value="內部便條">內部便條</option>
                            </select>
    <script language="javascript">
    function Objonclick(name) { 
    var dropid=document.getElementById(name); 
    var ind=dropid.selectedIndex;  var dto=dropid.options[ind].value;

    if(dto=="內部便條") { 
    document.getElementById("txtBillid").disabled=true; 
    alert(dto);
    } 
    }
    </script>
      

  6.   

    已经将onclick改成onchange了，还是一样的，没效果！！！是不是控件问题，我的一个是客服端的，一个是服务器的
      

  7.   

    嗯 。很可能 。
    换成 <%=txtBillid.ClientID %> ，其实你可以看下html 就知道了。 
      

  8.   

    document.getElementById("<%=txtBillid.ClientID %>").disabled=val=="用戶變更申請單"?true:false;
      

  9.   

    不行。
    我选择将textbox换成了text还是没效果：
    选择“用戶變更申請單”时，text是可用的
      

  10.   

    前台怎么设断点，偶不会..... <select id="select_add" name="select_add" style="width: 129px"  onchange="Objonclick(this.value)">
    <input id="billid" name="billid" type="text" />
    <script type="text/javascript">
        function Objonclick(obj)
        {
    //        var dropid=document.getElementById("select_add");      //        var ind=dropid.seletedIndex;
    //        var dto=dropid.options[ind].value;        
            //alert(dto);
    //        if(obj.value=="用戶變更申請單")
    //        {
    //            document.getElementById("billid").readonly=false;
    //        }
            
            swithch(obj)
            {
                case '用戶變更申請單':
                    document.getElementById("billid").disabled=true;
                    break;
                default:
                     document.getElementById("billid").disabled=false;
                         
            }
            
        }    
    </script>
      

  11.   

    vs2008开始前台可以设断点的好像，不过我一般用firebug或ie8的开发者工具调试js。把document.getElementById("billid").disabled=false; 给false加上引号试试，还有你的switch拼错了- -!
      

  12.   

    .....是错了，呵呵，谢谢提醒
    我的还是2005的，数据库是sql2000
      

  13.   

        <script type="text/javascript">
        function Objonclick(name)
        {
            var text=document.getElementById(name).value;
          
            //alert(dto);
            if(text=="用戶變更申請單")
            {
                document.getElementById("txtBillid").disabled=true;
            }
        }    </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
          <asp:TextBox ID="txtBillid" runat="server" ValidationGroup="b"></asp:TextBox>                        <select id="select_add" name="select_add" style="width: 129px" onchange="Objonclick('select_add')">
                                <option selected="selected">--请选择单据类型--</option>
                                <option value="送貨單">送貨單</option>
                                <option value="物品領用申請單">物品領用申請單</option>
                                <option value="物品請購單">物品請購單</option>
                                <option value="用戶變更申請單">用戶變更申請單</option>
                                <option value="IT設備需求申請單">IT設備需求申請單</option>
                                <option value="IT設備維修申請單">IT設備維修申請單</option>
                                <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                                <option value="Internet開通申請單">Internet開通申請單</option>
                                <option value="USB開通申請單">USB開通申請單</option>
                                <option value="軟件安裝申請單">軟件安裝申請單</option>
                                <option value="FTP使用申請單">FTP使用申請單</option>
                                <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                                <option value="內部便條">內部便條</option>
                            </select>    </div>
        </form>
    </body>
      

  14.   

        <script type="text/javascript">
            function Objonclick(){
                var sel = document.getElementById("select_add");
                var txt = sel.options[sel.selectedIndex].text;
                if(txt=="物品領用申請單"){
                    document.getElementById("txtBillid").disabled="disabled";
                }
                else{
                    document.getElementById("txtBillid").disabled="";
                }
            }
        </script>
      

  15.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery_last.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#select_add").change(function(){
    //alert($(this).val());
    var str=$(this).val();
    if(str=="用戶變更申請單")
    {
    $("#txtBillid").attr("disabled","disabled");
    }else
    {
    $("#txtBillid").attr("disabled","");
    }
    });
    });
    </script>
    </head><body>
    <input ID="txtBillid" />
     <select id="select_add" name="select_add" style="width: 129px">
                                <option selected="selected">--请选择单据类型--</option>
                                <option value="送貨單">送貨單</option>
                                <option value="物品領用申請單">物品領用申請單</option>
                                <option value="物品請購單">物品請購單</option>
                                <option value="用戶變更申請單">用戶變更申請單</option>
                                <option value="IT設備需求申請單">IT設備需求申請單</option>
                                <option value="IT設備維修申請單">IT設備維修申請單</option>
                                <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                                <option value="Internet開通申請單">Internet開通申請單</option>
                                <option value="USB開通申請單">USB開通申請單</option>
                                <option value="軟件安裝申請單">軟件安裝申請單</option>
                                <option value="FTP使用申請單">FTP使用申請單</option>
                                <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                                <option value="內部便條">內部便條</option>
                            </select>
    </body>
    </html>
      

  16.   

    不使用jquery框架的js<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function Objonclick(name)
        {
            var dropid=document.getElementById(name);
    dto=dropid.value;
            if(dto=="用戶變更申請單")
            {
             document.getElementById("txtBillid").disabled=true;
            }else if(dto=="物品領用申請單"){
     document.getElementById("txtBillid").disabled=true;
    }else
    {
     document.getElementById("txtBillid").disabled=false;
    }
        }
    </script>
    </head><body>
    <input ID="txtBillid" />
    <select id="select_add" name="select_add" style="width: 129px" onchange="Objonclick('select_add')">
                                <option selected="selected">--请选择单据类型--</option>
                                <option value="送貨單">送貨單</option>
                                <option value="物品領用申請單">物品領用申請單</option>
                                <option value="物品請購單">物品請購單</option>
                                <option value="用戶變更申請單">用戶變更申請單</option>
                                <option value="IT設備需求申請單">IT設備需求申請單</option>
                                <option value="IT設備維修申請單">IT設備維修申請單</option>
                                <option value="IT設備報廢申請單">IT設備報廢申請單</option>
                                <option value="Internet開通申請單">Internet開通申請單</option>
                                <option value="USB開通申請單">USB開通申請單</option>
                                <option value="軟件安裝申請單">軟件安裝申請單</option>
                                <option value="FTP使用申請單">FTP使用申請單</option>
                                <option value="MRP用戶註冊申請單">MRP用戶註冊申請單</option>
                                <option value="內部便條">內部便條</option>
                            </select>
    </body>
    </html>