如何根據第一個下拉列表框的選擇禁用或啟用aspx中的第二個下拉列表

Question

我在基於第一個DropDownList的機會禁用DropDownList時遇到問題，沒有回發，這是基於模板的Web應用程序，這里是當前代碼：

<script type="text/javascript">
   $(function() {  var dropDownList1 = $('#<%= ddlUserType.ClientID %>');
var dropDownList2 = $('#<%= ddlMember.ClientID %>');            dropDownList1.change(function(e)  {
if ( jQuery("#ddlUserType").val() != "ETOC")                           dropDownList2.removeAttr('disabled');                                     e.preventDefault();
      else 
      dropDownList2.removeAttr('enabled');                                    e.preventDefault(); }
     } );
      </script>

現在發生的事情是頁面空白，如果我刪除了上面的代碼，所有內容將顯示出問題所在。

這是起作用的簡單而最終的javascript代碼：

<script language="javascript">  
function CheckDropDownState(lstbox)
 { 
if (lstbox.selectedIndex == 3) {  document.forms[0].ddlMember.disabled = 1; }
else { document.forms[0].ddlMember.disabled = 0; } 
} 
</script>

和thew .aspx代碼：

<asp:dropdownlist id="ddlUserType" runat="server" onclick="CheckDropDownState(this);"></asp:dropdownlist>

再次感謝幫助人員。

Answer 1

我試過清理一下您的代碼：

$(function() {  
    var dropDownList1 = $('#<%= ddlUserType.ClientID %>');
    var dropDownList2 = $('#<%= ddlMember.ClientID %>');            
    dropDownList1.change(function(e) {
        var selectedValue = $(this).val();
        if (selectedValue != 'ETOC') {
            // enable the second combo if the value selected in the first combo 
            // is not ETOC
            dropDownList2.removeAttr('disabled');
        } else {
            dropDownList2.attr('disabled', 'disabled');                                    
        }
        e.preventDefault(); 
    }
});