Question

这是我第一次遇到这个插件时遇到问题。

我有以下选择：

<select name="booking[adult]" id="booking-adult" style="display: none;" class="chzn-done">
    <option selected="selected" value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

我选择了这个：

<ul class="chzn-results">
<li style="" class="active-result" id="booking_adult_chzn_o_0">1</li>
<li style="" class="active-result" id="booking_adult_chzn_o_1">2</li>
<li style="" class="active-result result-selected highlighted" id="booking_adult_chzn_o_2">3</li>
<li style="" class="active-result" id="booking_adult_chzn_o_3">4</li>
<li style="" class="active-result" id="booking_adult_chzn_o_4">5</li>
<li style="" class="active-result" id="booking_adult_chzn_o_5">6</li>
</ul>

如您所见，它添加了两个'

`元素。

知道为什么吗？

Answer 1

我为你的问题http://jsfiddle.net/MJMM3/

创造了一个小提琴

它在那里完美运行。它可能会让你知道你做错了什么。

供您参考的代码：

<select name="booking[adult]" style="width:200px;" data-placeholder="Choose a number..."     id="booking-adult" tabindex="-1" class="chosen-select">
<option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

使用Javascript：

$(".chosen-select").chosen();

选择jquery插件，添加比select中更多的选项

1 个答案: