选择了多选隐藏显示错误

时间:2013-09-19 07:12:02

标签: javascript jquery multi-select jquery-chosen

您好我在定制choser jquery multiselect选项时遇到了麻烦。我的要求是在点击单选按钮

时隐藏并显示多选项

enter image description here

默认情况下应该隐藏它,点击“特色”时它应该是可见的。有什么想法吗?

选择html代码

   <select data-placeholder="Specialty" class="chosen-select" multiple style="width:350px;" tabindex="4">
</select>

当我使用普通节目并隐藏jquery和javascript时,它无法正常工作!

1 个答案:

答案 0 :(得分:0)

隐藏加载时添加样式

   <select data-placeholder="Specialty" class="chosen-select" multiple style="width:350px; display: none;" tabindex="4"></select>

然后为点击事件添加此脚本

$('#radio-speciality').click(function() {
  if($(this).is(':checked')) {
   $('.chosen-container').show();
  }
  else {
   $('.chosen-container').hide();
  }
});