[英]ASP.NET DropDownList server control does not fire jQuery .Change() when selected?
我正在將jQuery mobile用於我們的移動網站。 Asp.net下拉列表控件顯示為jQuery移動選擇。
HTML:
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" Runat="Server" >
<asp:DropDownList ID="ddlCom" class="ddlCom" name="ddlCom" runat="server">
</asp:DropDownList>
<table id="compTable"></table>
</asp:Content>
和Javascript:
$(document).ready(function () {
$('#<%=ddlCom.ClientID %>').select(function () {
alert("it works");
});
$('.ddlCom').change(function () {
alert("css works");
});
$('select[name=ddlCom]').change(function () {
alert("css works");
});
$("select[id$=ddlCom]").change(function() {
alert(" works");
});
當我單擊並從下拉列表中選擇一個值時,這些都不會觸發。 是什么賦予了?
謝謝,
編輯:
生成的HTML:
<div class="ui-select">
<a href="#" role="button" aria-haspopup="true" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-up-c">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Finance Department</span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow">
</span></span></a>
<select name="ctl00$MainContent$ddlCom" id="ctl00_MainContent_ddlCom" class="ddlCom" data-mini="true" tabindex="-1">
<option value="1">......</option>
<option value="2">.....</option>
<option value="3">......</option>
</select></div>
$('#<%=ddlCom.ClientID %>').change(function () {
alert("it works");
});
如果您像我一樣將其更改為“ Change”,則可以使用。
還有這個
$('.ddlCom').change(function () {
alert("css works");
});
如果您更改對下拉列表的聲明以指定cssclass
<asp:DropDownList ID="ddlCom" CssClass="ddlCom" name="ddlCom" runat="server">
</asp:DropDownList>
如果您沒有錯字,這也將奏效
$("select[id$='ddlCom']").change(function() {
alert(" works");
});
事實證明,在母版頁和頁面頁眉中有不同版本的jQuery和jQuery mobile的雙重引用,因此它壞了。 它現在正在工作。 謝謝大家
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.