我在查找用於javascript的示例代碼,以檢查是否在下拉列表中選擇了該項目。然後使其可見。javascript在onchange下載列表中的onchange事件
回答
我會做:(使用jQuery):
$(function() {
$("#<%= AspControlName.ClientID %>").change(function() {
if ($(this).val() == "TheValueYouWant") {
$("#WhatToShowID").show();
} else {
$("#WhatToHideID").hide();
}
});
});
這似乎是正確的,但我不知道如何使用jquery。有沒有其他代碼我需要在c#端和我的頁面加載? – Cloud 2012-07-31 14:43:06
如果你想要做的這個代碼用C#你可以這樣做:
示例HTML:
<asp:DropDownList ID="DropDownList1" autopostback="true" runat="server"> </asp:DropDownList>
C#代碼
protected void DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e)
{
//Make sure everything is hidden
item_1_extra_stuff.Visible = false;
item_2_extra_stuff.Visible = false;
switch (DropDownList1.Text) {
case "Item 1":
item_1_extra_stuff.Visible = true;
break;
case "Item 2":
item_2_extra_stuff.Visible = true;
break;
}
}
該pos tback允許下拉列表觸發該事件,然後case語句只檢查當前輸入並運行show/hides所需的內容。
謝謝,我會試試這個。對我來說,理解起來似乎更加簡單。所以如果我使用這個,那麼我不需要任何JavaScript代碼? – Cloud 2012-08-01 14:05:18
這種方法確實沒有JS需要,如果這個工作標誌着答案被接受。 – 2012-08-01 14:19:17
這就是我試圖做的,有人提到使用autopostback也。我只需要弄清楚如何使用我認爲背後的代碼? http://stackoverflow.com/questions/11564871/website-code-in-asp-net-that-is-dynamic/11565277#11565277 – Cloud 2012-08-01 14:41:16
你嘗試過什麼嗎? – woz 2012-07-30 16:54:12
** **變得可見,是那些'div's或東西? – 2012-07-30 16:54:30
做什麼可見?請詳細說明你的問題。 – yogi 2012-07-30 16:58:39