Плагин JQuery для прогрессивного улучшения выпадающих списков для отображения нескольких столбцов - PullRequest
Новая
       6

Плагин JQuery для прогрессивного улучшения выпадающих списков для отображения нескольких столбцов

2 голосов
/ 27 марта 2010

Кто-нибудь знает плагин jquery, который может преобразовать содержимое выпадающего списка выбора в панель из нескольких столбцов? В идеале я хотел бы также поддерживать группы опций, чтобы все элементы в группе оставались вместе в одном столбце. Вот пример того, что я имею в виду:

alt text

1 Ответ

0 голосов
/ 11 октября 2011

Ну, я не знаю плагина, который это делает, и на самом деле я никогда не видел такого поведения раньше (ваша ссылка не работает во время этого ответа).

Но я не думаю, что было бы так сложно использовать какой-либо модальный диалог (есть , который поставляется с пользовательским интерфейсом jQuery). С этим вы можете сделать что-то вроде: 

<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.

...