jquery – 选择不适用于默认情况下不显示的选择下拉菜单

前端之家收集整理的这篇文章主要介绍了jquery – 选择不适用于默认情况下不显示的选择下拉菜单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在div中有一个选择框,默认情况下不显示,在某些点击事件上,div的显示属性更改为阻止,但是选择下拉列表不显示,并显示空格.我在同一个触发函数中为选择框调用了selected()方法,我正在更改div的可见性.

这是我的问题的代码.

  1. <div class="controls" style="display:none" id="Department-11">
  2. <select multiple="" class="chosen-select1" id="form-field-select-4" data-placeholder="Choose a Department...">
  3. <option value="Management">Senior Management</option>
  4. <option value="Legal">Legal</option>
  5. <option value="Operations">Operations</option>
  6. <option value="Administration">Administration</option>
  7. <option value="R&D">R&D</option>
  8. <option value="Sales & Marketing">Sales & Marketing</option>
  9. <option value="Finance">Finance</option>
  10. <option value="Technology">Technology</option>
  11. <option value="Customer Service">Customer Service</option>
  12. <option value="Pro Services">Pro Services</option>
  13. <option value="HR">HR</option>
  14. <option value=""></option>
  15. </select>
  16. </div>
  17.  
  18. <a href="javascript:void(0);" onclick="showselect();">
  19. Show select
  20. </a>

而JS代码

  1. function showselect() {
  2. $('#Department-11').show();
  3. $(".chosen-select1").chosen();
  4. }

解决方法

另一个解决方案是在初始方法中设置元素宽度如下.
  1. $(".chosen-select1").chosen({ width:"95%" });

猜你在找的jQuery相关文章