jQuery验证数据库绑定的下拉列表

Question

我验证使用jQuery它工作正常，正常的一个下拉列表：

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px"> 
    <asp:ListItem>--SelectOne--</asp:ListItem> 
    <asp:ListItem>Yes</asp:ListItem> 
    <asp:ListItem>No</asp:ListItem> 
</asp:DropDownList> 

我的jQuery验证是：

$(document).ready(function() { 
    $('#myForm').submit(function(e) { // <<< This selector needs to point to your form. 
     if ($('#ddlAreaTypeName').val() == "") { 
      alert("Please select anyone"); 
      e.preventDefault(); 
      return false; 
     } 
    }); 
}); 

问题是我从装订下拉列表数据库

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px"> 
</asp:DropDownList> 

ddlAreaTypeName.DataSource = ddlValues; 
ddlAreaTypeName.DataValueField = "theName"; 
ddlAreaTypeName.DataTextField = "theName"; 
ddlAreaTypeName.DataBind(); 

但jQuery验证不工作这种类型的下拉我从数据库绑定。

Answer 1

改变你的代码是这样的：

$(document).ready(function() { 

    $('#myForm').submit(function(e){ // <<< This selector needs to point to your form. 

     if ($('#<%= ddlAreaTypeName.ClientID %>').val() == "") { 

      alert("Please select anyone"); 

      e.preventDefault(); 

      return false; 

     } 
    }); 
}); 

如果这个代码不工作，发表评论我来编辑它