jquery - 带有复选框的下拉菜单 - 这可以用 jquery 实现吗？

Question

我遇到了一个非常难以处理的情况...我的设计师想出的图形对我来说编码非常具有挑战性:)

所以这是一个带有复选框而不是普通选项的下拉菜单(选择)。

html 看起来像这样:

                <select name="cat" id="control_1">
                <optgroup label="Mountain">
                    <option>Gudauri</option>
                    <option>Bakuriani</option>
                    <option>Svaneti</option>
                 </optgroup>
                 <optgroup label="Seaside">
                    <option>Batumi</option>
                    <option>Kobuleti</option>
                    <option>Kvariati</option>
                    </optgroup>
                <optgroup label="Capital">
                    <option>Tbilisi</option>
                </optgroup>
                </select>

我已经在使用这个插件来重写其他 SELECT 元素，因此能够利用相同的代码库并在此基础上构建真是太棒了:) -> http://harvesthq.github.com/chosen/

任何有关想法或示例的帮助将不胜感激!

谢谢。

Answer 1

这个线程中有一些 fiddle 刚刚转换为插件，可以很容易地适应您的情况

Custom drop-down panel with jQuery

编辑:出现从上面的帖子中删除的选择构建下拉列表的演示，我编辑了帖子并放回了这个 fiddle

http://jsfiddle.net/6zcRk/