jquery選定的下拉列表項顯示隱藏的div標記

Question

我想顯示隱藏的div標記，當我選擇一個比較問題。我的下拉列表中的代碼如下：

<%=Html.DropDownList("QuestionType", new List<SelectListItem> 
        { 
         new SelectListItem{Text="Standard", Value = "1"}, 
         new SelectListItem{Text="Custom", Value = "2"}, 
         new SelectListItem{Text="Demographic", Value = "3"}, 
         new SelectListItem{Text="Ranking", Value = "4"}, 
         new SelectListItem{Text="Comparative", Value = "5"}                      
        }) %> 

我爲我的隱藏div標籤代碼：

<!--Create Comparative Question Partial View--> 
<div id="divCreateComparativeQuestion"> 
<% Html.RenderPartial("CreateComparativeQuestion"); %> 
</div> 

所以當從下拉列表比較問題的用戶點擊，我想像

 $('#divCreateComparativeQuestion').show(); 
     $('#divCreateComparativeQuestion :input').removeAttr('disabled'); 

我將如何去實現這一目標？多謝你們！

Answer 1

基本上你已經得到了。只需掛入下拉列表的change事件即可。

$(function() { 
    $('#yourdropdown').change(function() { 
     $('#divCreateComparativeQuestion').show(); 
    }); 
}); 

無需移除已停用的屬性 - 因爲這就是show()做反正。