用复选框下拉 - 这可以用jquery吗?

时间:2012-03-10 14:15:29

标签: jquery

我处理的情况非常困难......我的设计师提出的图形对于我来说代码非常具有挑战性:)

enter image description here

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

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元素了,所以能够使用相同的代码库并且只需构建它就太棒了 - &gt; http://harvesthq.github.com/chosen/

非常感谢任何有关想法或示例的帮助!

感谢。

1 个答案:

答案 0 :(得分:0)

这个帖子中有一些小东西刚刚转换为插件,很容易适应你的情况

Custom drop-down panel with jQuery

编辑:出现用于构建从上面的帖子删除的选择下拉列表的演示,我编辑了帖子并放回了这个小提琴

http://jsfiddle.net/6zcRk/