Question

我有下拉列表的数量，所以我想在表单中更改每个下拉列表的事件，当我选择特定的下拉列表项时，它将仅触发特定下拉列表的事件... 这是下拉列表的两个示例

 <asp:DropDownList ID="ddlGender" runat="server" AutoPostBack="True">

     <asp:DropDownList ID="ddlMaritalStatus" runat="server" AutoPostBack="True">

请尽快帮助我谢谢

我试过这个

 $(document).ready(function () {
    $('input:text').each(function () {
        $(this).attr('disabled', true);
    });
    $("select").change(function () {
        alert(this.value);
        if (this.value != "User Select") {
            alert(this.value);
            $('input:text').each(function () {
                $(this).attr('disabled', false);
            });

        }
        if (this.value == "User Select") {
            $('input:text').each(function () {
                $(this).attr('disabled', true);
            });
        }
    })
});

这里最后一个条件不起作用，请帮忙

Answer 1

您可以为所有下拉列表分配一个公共类，并使用类选择器使用jQuery绑定更改事件

<强> HTML

<asp:DropDownList ID="ddlGender" class="ddl" runat="server" AutoPostBack="True">
<asp:DropDownList ID="ddlMaritalStatus" class="ddl" runat="server" AutoPostBack="True">

<强>的Javascript

$('.ddl').change(function(){
     alert(this.id);
 });

如果您不想使用类选择器，则需要将事件与id选择器绑定

$('#<%= ddlGender.ClientID %>, #<%= ddlMaritalStatus.ClientID %>').change(function(){
     alert(this.id);
});

Answer 2

您可以编写一个javascript函数并在dropdownlist的onchange事件中调用它...

    DropDownList ID="ddlGender" class="ddl" runat="server" AutoPostBack="True" onchange="Check()">
    <asp:DropDownList ID="ddlMaritalStatus" class="ddl" runat="server" AutoPostBack="True" onchange="Check()">

    function Check()
    {
       alert('Hii');
    }

Answer 3

使用SelectedIndexChanged事件。

<asp:DropDownList ID="ddlGender" runat="server" AutoPostBack="True" OnSelectedIndexChanged="EventHandler1">
     <asp:DropDownList ID="ddlMaritalStatus" runat="server" AutoPostBack="True" OnSelectedIndexChanged="EventHandler2">

在代码隐藏中为每个下拉列表添加以下函数

void EventHandler1(Object sender, EventArgs e) 
{
   // code for event handler1
}


void EventHandler2(Object sender, EventArgs e) 
{
   // code for event handler1
}

有关详细信息，请查看以下链接

中给出的示例

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listcontrol.selectedindexchanged(v=vs.110).aspx

jquery with asp.net dropdownlist

3 个答案: