如何用下拉列表觸發Jquery函數？

我有2個ASP：帶有OnSelectedIndexChanged屬性的DropdownLists。當這被觸發時，我想運行一個讓用戶知道數據正在處理的jquery函數。如何跳轉到我的jQuery函數，並有沒有辦法使用唯一的ID？如何用下拉列表觸發Jquery函數？

<asp:DropDownList ID="ddlFirst" runat="server" OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem> 
    <asp:ListItem>None</asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddlSecond" runat="server" OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem> 
    <asp:ListItem>None</asp:ListItem> 
</asp:DropDownList> 

$(document).ready(function() { 
$("???").change(function() { 
    //code 
}); 
});

來源

2011-02-15 MrM

給他們一個類，並使用$('.yourClass')

來源

2011-02-15 14:54:23 ThiefMaster

愚蠢的我...我有班，但'＃'，而不是'。'再次感謝。 – MrM 2011-02-15 14:56:25

首先，分配CssClass -

<asp:DropDownList ID="ddlFirst" CssClass="myDropDown" runat="server" 
       OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem> 
    <asp:ListItem>None</asp:ListItem> 
</asp:DropDownList> 

<asp:DropDownList ID="ddlSecond" CssClass="myDropDown" runat="server" 
     OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem> 
    <asp:ListItem>None</asp:ListItem> 
</asp:DropDownList>

然後，請執行下列操作 -

$(document).ready(function() { 
    $(".myDropDown").change(function() { 
     // code to display user message 
    }); 
});

來源

2011-02-15 14:56:49

你試試這個？

$("select").change(function() { 

});

來源

2011-02-15 14:57:42 Neutralizer

作爲ASP.NET下拉菜單只是選擇框，所以我認爲這應該工作。 – Neutralizer 2011-02-15 14:58:41

給的DDL一類，然後執行以下操作：

$(document).ready(function() { 
$("select.myClassName").change(function() { 
    //code 
}); 
});

來源

2011-02-15 14:57:43 derek

嘿u可以使用這樣的事情 $（「選擇[ID $ = 'ddlfirst']」）

來源

2011-02-15 14:58:12 trelston

您的DDL沒有AutoPostBack =「true」屬性，因此我不知道您要通知用戶該怎麼辦。反正

<asp:DropDownList ID="ddlFirst" onchange="myFunc();"> 
</asp:DropDownList> 

function myFunc() { 
    // insert JS code here 
}

來源

2011-02-15 15:03:51 Cromathaar

使用ASP.net總有這樣的選擇：

<asp:DropDownList ID="ddlFirst" runat="server" OnSelectedIndexChanged="ddlChange"> 
    <asp:ListItem>All</asp:ListItem> 
    <asp:ListItem>None</asp:ListItem> 
</asp:DropDownList> 

$(document).ready(function() { 
    $("#<%= ddlFirst.ClientID %>").change(function() { 
    //code 
    }); 
});

這將DDL的ID動態地加載到將被加載到頁面上的JavaScript。我只是有我的JavaScript功能在同一頁作爲asp.net代碼

來源

2016-08-22 17:20:47 Cordell

如何用下拉列表觸發Jquery函數？

回答

相關問題