jquery-chosen - 选择的 jQuery 组合框是否可以根据是否打开而具有不同的宽度？

Question

我使用 selected 来制作一个有趣的组合框。一切正常，但我有一个问题。

我认为选项列表采用视觉组合框中给出的宽度。我所有的选项都很长，我必须制作一个非常大的组合框以避免选项分成两行。

是否可以在关闭时制作一个小组合框，例如 150 像素，而在列表打开时制作一个更大的组合框？

Answer 1

是的，这是可能的。这可以通过两种方式完成:

直接添加样式 “宽度”到类(class)chzn-drop在 选择的.css 文件。

通过 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"});

结果:



希望你明白。