JQuery 插件，用于逐步增强选择下拉列表到多列显示

Question

有人知道一个 jquery 插件可以将选择下拉列表的内容转换为多列面板吗？理想情况下，我还希望支持选项组，以便组中的所有项目都集中在一个列中。 Here is an example我的意思是:

Answer 1

嗯，我不知道有哪个插件可以做到这一点，事实上我以前从未见过这种行为(在回答这个问题时，您的链接已损坏)。

但我认为使用某种模式对话框并不那么困难(有 one that comes with jQuery UI)。这样你就可以做类似的事情:

<div id="#yearList">
    <a href="1990">1990</a>
    <a href="1991">1991</a>
    <a href="1992">1992</a>
</div>

<select id="#yearSelect">
    <option value="choose">Choose Year</option>
    <option value="1990">1990</option>
    <option value="1991">1991</option>
    <option value="1992">1992</option>
</select>

$('#yearList').dialog();

$('#yearSelect').change(function() {
    if ($(this).val() == 'choose') {
        $('#yearList').dialog('open');
    }
});

$('#yearList a').live('click', function(e) {
     e.preventDefault();
     $('#yearSelect').val($(this).text());
     $('#yearList').dialog('close');
});

显然，在现实场景中，您将加载对话框链接并选择 option s 是动态的，这就是我制作 click 的原因事件基于 live .