Как поместить сетку в выпадающее меню

Question

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

код в jsfiddle здесь

Answer 1

Вот рабочий пример .

Добавлен поддельный блок выбора.

<div class="box">here</div>

Добавлены некоторые базовые js:

$('.box').click(function(){
    $('table').show();
});

$('table input').click(function(){
    $('.box').html( $(this).clone() );
    $('table').hide();
});

А используя CSS, по умолчанию скрываем таблицу:

table{display:none}

Вы можете добавить CSS или JS для динамического позиционирования таблицы под ложным выбором.

Answer 2

Посмотрите на этот пример .

Остальное - просто позиционировать ваш контейнер сетки с помощью CSS.