Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.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
Jquery 向模式对话框添加数据_Jquery_Jquery Ui - Fatal编程技术网

Jquery 向模式对话框添加数据

Jquery 向模式对话框添加数据,jquery,jquery-ui,Jquery,Jquery Ui,我正在使用模态对话框,我可以将表单中的数据放在模态对话框中吗?像文本框值,还是下拉列表值?我该怎么做 模态对话框代码: var isConfirmed = false; $('form').submit(function(e) { var dialog = $("#dialog"); if ($("#dialog").length == 0) { dialog = $('<div id="dialog" style="display:hidden">

我正在使用模态对话框,我可以将表单中的数据放在模态对话框中吗?像文本框值,还是下拉列表值?我该怎么做

模态对话框代码:

var isConfirmed = false;
$('form').submit(function(e) {
    var dialog = $("#dialog");
    if ($("#dialog").length == 0) {
        dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
    }
    dialog.load(

        $("#dialog").dialog({
            close: function(event, ui) {
                dialog.remove();
            },
            resizable: false,
            //height: 140,
            //width: 460
            modal: true,
            buttons: {
                "Ok": function() {
                    $(this).dialog("close");
                    isConfirmed = true;
                    $("form").submit();
                },
                Cancel: function() {
                    $(this).dialog("close");
                }
            }
        })
    );
    if (isConfirmed)
        return true;
    else {
        e.preventDefault();
        return false;
    }
});
var isConfirmed=false;
$('form')。提交(函数(e){
变量对话框=$(“#对话框”);
如果($(“#对话框”).length==0{
dialog=$(“Los datos Ingreados son:”).appendTo('body');
}
dialog.load(
$(“#对话框”)。对话框({
关闭:功能(事件、用户界面){
dialog.remove();
},
可调整大小:false,
//身高:140,
//宽度:460
莫代尔:是的,
按钮:{
“Ok”:函数(){
$(此).dialog(“关闭”);
isConfirmed=true;
$(“表格”)。提交();
},
取消:函数(){
$(此).dialog(“关闭”);
}
}
})
);
如果(未确认)
返回true;
否则{
e、 预防默认值();
返回false;
}
});
使用

并将检查对话框是否存在更改为

if (dialog.length == 0) {
    dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
}
if(dialog.length==0){
dialog=$(“Los datos Ingreados son:”).appendTo('body');
}
使用

并将检查对话框是否存在更改为

if (dialog.length == 0) {
    dialog = $('<div id="dialog" style="display:hidden"> Los datos ingresados son:</div>').appendTo('body');
}
if(dialog.length==0){
dialog=$(“Los datos Ingreados son:”).appendTo('body');
}

由于dialog方法附加到某种类型的元素(通常是div),因此您可以在该div中放置任何需要的内容。以下是文档中的一个示例:

<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>



<div class="demo">

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

$(函数(){
$(“#dialog”).dialog();
});
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口


段落位于绑定到方法的div中。

由于dialog方法附加到某种类型的元素(通常是div),因此您可以在该div中放置所需的任何内容。以下是文档中的示例:

<script>
$(function() {
    $( "#dialog" ).dialog();
});
</script>



<div class="demo">

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

$(函数(){
$(“#dialog”).dialog();
});
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口


段落位于绑定到方法的div中。

使用当前用于将对话框附加到页面的相同过程。您使用的是:

dialog = $('<div id="dialog" style="display:none"> Los datos ingresados son:</div>').appendTo('body');

使用当前用于将对话框附加到页面的相同过程。您使用的是:

dialog = $('<div id="dialog" style="display:none"> Los datos ingresados son:</div>').appendTo('body');

也许我遗漏了一些东西,但是…将数据添加到对话框控件中,因为它们是对话框外部的普通控件(例如,val()方法),也许我遗漏了一些东西,但是…将数据添加到对话框控件中,因为它们是对话框外部的普通控件(例如,val()方法),谢谢!,这真的很有帮助!我如何在上面添加一些变量,如$(“#textbox”)或(“#dropdown”)?$(“division:”+$(“#division”).val()+”)。附录(对话框);这很有效,谢谢,就是这样,您需要
.val()
从表单字段中提取值。谢谢!,这真的很有帮助!我如何在上面添加一些变量,如$(“#textbox”)或(“#dropdown”)?$(“division:”+$(“#division”).val()+”)。附录(对话框);谢谢,这很有效,就是这样,您需要
.val()
从表单字段中提取值。