Как добавить Dropdown в диалоге Jquery Ui

Question

Как добавить Dropdown в диалоге Jquery Ui

0

У меня есть диалоговое окно jquery ui. Теперь, согласно моему требованию, я хочу добавить текстовое поле, меню dorpdown, Checkboxe в диалог bos, но я не знаю, как это сделать.

Вот мой код диалогового окна, который открывается. На событие click.

 var dialog = $('<p>This is my Dialogue</p>').dialog({
            buttons: {
                "Submit": function () {
                    //Your submit handler
                }
            },
            title:'Your title',
            width: 600,
            height:300,
        });

Большое спасибо..

user3622611 10 май 2014, в 14:52

Источник

Теги:

jquery

jquery-ui

drop-down-menu

1 ответ

Ещё вопросы

Bogdan · Accepted Answer · 2014-05-10T10-15-00.000Z

Самый простой способ - настроить содержимое внутри div и отобразить внутри диалогового окна. Поэтому вместо передачи содержимого диалога в виде строки, как вы ее пробовали:

$('<p>This is my Dialogue</p>').dialog({ ... });

Настройте диалоговое содержимое следующим образом:

<div class="popup">
    <p>This is my Dialogue</p>

    <!-- Add whatever code you like here to be displayed-->
    <textarea></textarea>
    <select>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
</div>

И привяжите диалог к этому элементу:

$('.popup').dialog({
    buttons: {
        "Submit": function () {
            //Your submit handler
        }
    },
    title:'Your title',
    width: 600,
    height:300,
});

Вот основной рабочий пример: http://jsfiddle.net/W7zvZ/. Более сложный пример использования форм можно найти на странице документов диалогового окна jQuery UI (просто нажмите ссылку " Просмотр источника" здесь, чтобы увидеть код позади него).