选定下拉列表项上的 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();
   });
});

无需删除 disabled 属性 - 反正show() 就是这样做的。