我选择了为了使一个有趣的组合框。一切都很好,但我有一个问题。
我认为选项列表采用可视化组合框中给出的宽度。我所有的选项都很长,我必须制作一个非常大的组合框,以避免两行中的选项。
当关闭时,可以制作一个150px的小组合框,当列表打开时,是否有一个更大的组合框?
解决方法
是的,这是可能的。这可以通过两种方式完成:
>直接将styles“width”添加到selected.css文件中的chzn-drop类中。
>通过jQuery添加宽度。
我更喜欢第二个,这里是代码:
HTML:
<select class="chzn-select" data-placeholder="select your options" style="width: 150px"> <option value="">option1</option> <option value="option1">option2</option> <option value="option2">option3</option> </select>
jQuery的:
$('.chzn-select').chosen(); $('.chzn-drop').css({"width": "300px"});
结果:
希望你明白