是否可以将表单添加到jquerymobile对话框?

时间:2013-01-15 00:54:59

标签: javascript jquery dom jquery-mobile dialog

我的应用中有一个表单,用户可以在其中编辑设置。对于某些首选项,我想打开一个包含下拉菜单的对话框,允许用户选择一个选项并通过ajax保存。是否可以使用jquery mobile?

1 个答案:

答案 0 :(得分:1)

是的,甚至在他们的例子中都显示出来。我建议您查看1.2.0的Popup功能,它们可能更适合这种快速更改。

示例:http://jsfiddle.net/Twisty/BrsR2/

<div data-role="page">
    <div data-role="header">
        <h1>Test PopUp</h1>
    </div>
    <div data-role="content">
        <a href="#popupBasic" data-rel="popup">Open Popup</a>
        <div data-role="popup" id="popupBasic">
            <form>
                <div style="padding:10px 20px; width: 440px">
                    <h3>Please sign in</h3>
                    <div data-role="fieldcontain">
                        <label for="un">Username:</label>
                        <input placeholder="username" id="un" value="" name="user">
                        <label for="pw">Password:</label>
    <input id="pw" type="password" placeholder="password" value="" name="pass">
                    </div>
                    <div data-shadow="true" data-iconshadow="true" data-icon="" data-iconpos="" data-theme="b" aria-disabled="false">
                    </div>
                </div>
            </form>
        </div>
        <div data-role="fieldcontain">
             <label for="input"> Fieldname </label>
             <input type="text" id="input" value="" />
        </div>
    </div>
</div>