Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以向jquerymobile对话框添加表单?_Javascript_Jquery_Dom_Jquery Mobile_Dialog - Fatal编程技术网

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

Javascript 是否可以向jquerymobile对话框添加表单?,javascript,jquery,dom,jquery-mobile,dialog,Javascript,Jquery,Dom,Jquery Mobile,Dialog,我的应用程序中有一个表单,用户可以在其中编辑他们的设置。对于一些首选项,我想打开一个对话框,其中包含一个下拉菜单,允许用户选择一个选项并通过ajax保存。使用jquery mobile是否可行?是的,甚至在他们的示例中也显示了这一点。我建议您看看1.2.0的功能,它们可能更适合这种类型的快速更改 例如: 测试弹出窗口 请登录 用户名: 密码: 字段名 这只是JavaScript和CSS,所以对您的问题最基本的回答是,是的,这是可能的。也许你想解释一下你的问题?你有没有试过什么东西却不起作用?你

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

是的,甚至在他们的示例中也显示了这一点。我建议您看看1.2.0的功能,它们可能更适合这种类型的快速更改

例如:


测试弹出窗口
请登录
用户名:
密码:
字段名

这只是JavaScript和CSS,所以对您的问题最基本的回答是,是的,这是可能的。也许你想解释一下你的问题?你有没有试过什么东西却不起作用?你看过文件了吗?等
<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>