是否可以向 jquerymobile 对话框添加表单？

Posted 2023-05-09

【中文标题】是否可以向 jquerymobile 对话框添加表单？

【英文标题】：Is it possible to add a form to jquerymobile dialogs?

【发布时间】：2012-12-29 01:34:23

【问题描述】：

我的应用中有一个表单，用户可以在其中编辑他们的设置。对于某些偏好，我想打开一个包含下拉菜单的对话框，允许用户选择一个选项并通过 ajax 保存它。 jquery mobile可以吗？

【问题讨论】：

这只是 javascript 和 CSS，所以对您的问题最基本的回答是，是的，这是可能的。也许您想稍微解释一下您的问题？您是否尝试过某些东西但它不起作用？你读过文档吗？等等……

【参考方案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>