Javascript 单击按钮时JQuery验证下拉列表选择

在单击按钮时验证下拉asp控件时遇到问题。我有一个包含单选按钮、文本框、下拉菜单和保存按钮的面板。如果选择了zip单选按钮，则会出现一个下拉列表（与代码隐藏中的数据绑定），您必须从列表中选择一个zip。我在确认是否从下拉列表中选择了“保存”按钮时遇到问题。 我想用jQuery来实现它，并尝试这样做，以便弹出并发出警报，但它不起作用。喜欢让它在单击按钮之前验证选择

<script type="text/javascript">
$(document).ready(function() {
    $('#btn_submit').click(function() {
        if ($('#ZIPDD').val() > 0) {
            return true;
        }
        else {
            alert('Please select a zip.');
            return false;
        }
    });

});

---

为什么不看看使用jQuery.validate插件呢。它将验证所有附加了类“required”的表单项。如果复选框高亮显示，可以使用jQuery和addClass将所需的类添加到下拉列表中

if($('#radio_button').is(':checked')) { 
$( ".dropDownClassIdentifier" ).addClass( "required" );
}
else
{
$( ".dropDownClassIdentifier" ).removeClass( "required" );
}

及

---

是开始查找文档的好地方当您计划使用javascript/jquery时，请注意如何在客户端呈现控件。您正在将

visible=“false”

设置为表和控件，它们将永远不会在客户端呈现。使用jquery无法找到它们。要正常工作，您需要设置：

<table runat="server" id="SHTable" visible="false" width="100%">

为此：

<table runat="server" id="SHTable" style="display:none" width="100%">

<asp:DropDownList runat="server" ID="ZIPDD" style="display:none"/>

并改变这一点：

<asp:DropDownList runat="server" ID="ZIPDD" Visible="false"/>

为此：

<table runat="server" id="SHTable" style="display:none" width="100%">

<asp:DropDownList runat="server" ID="ZIPDD" style="display:none"/>

要测试脚本，请为表和下拉列表设置

style=“display:block”

，否则您将看到porpup选择一个zip（下拉值为0）

---

祝你好运

您的单击功能是否正在执行？每次我运行并尝试测试它时，它都会直接进入代码中的onclick函数，但我选择了val==0，这是下拉列表中的一个“空白”行。“如果选择了zip单选按钮，则会出现一个下拉列表”在当前设置中，单击会绑定到提交按钮，这意味着它只发送表单，而不提供额外的表单对话。