Question

我有一个jquery ui对话框。现在根据我的要求，我想将文本框，dorpdown菜单，Checkboxe添加到对话框中，但我不知道该怎么做..

这是我的对话框代码，在点击事件中打开..

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

非常感谢..

Answer 1

最简单的方法是在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 Dialog Docs page上找到使用表单的更复杂示例（只需点击此处的查看源链接即可查看其背后的代码。）

如何在Jquery Ui对话中添加Dropdown

1 个答案: