选定的下拉列表项上的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()所做的事情。