2012-07-30 69 views
0

我在查找用於javascript的示例代碼,以檢查是否在下拉列表中選擇了該項目。然後使其可見。javascript在onchange下載列表中的onchange事件

+0

你嘗試過什麼嗎? – woz 2012-07-30 16:54:12

+0

** **變得可見,是那些'div's或東西? – 2012-07-30 16:54:30

+1

做什麼可見?請詳細說明你的問題。 – yogi 2012-07-30 16:58:39

回答

2

我會做:(使用jQuery):

$(function() { 
     $("#<%= AspControlName.ClientID %>").change(function() { 
      if ($(this).val() == "TheValueYouWant") { 
       $("#WhatToShowID").show(); 
      } else { 
       $("#WhatToHideID").hide(); 
      } 
     }); 
    }); 
+0

這似乎是正確的,但我不知道如何使用jquery。有沒有其他代碼我需要在c#端和我的頁面加載? – Cloud 2012-07-31 14:43:06

1

如果你想要做的這個代碼用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所需的內容。

+0

謝謝,我會試試這個。對我來說,理解起來似乎更加簡單。所以如果我使用這個,那麼我不需要任何JavaScript代碼? – Cloud 2012-08-01 14:05:18

+1

這種方法確實沒有JS需要,如果這個工作標誌着答案被接受。 – 2012-08-01 14:19:17

+0

這就是我試圖做的,有人提到使用autopostback也。我只需要弄清楚如何使用我認爲背後的代碼? http://stackoverflow.com/questions/11564871/website-code-in-asp-net-that-is-dynamic/11565277#11565277 – Cloud 2012-08-01 14:41:16