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()
从表单字段中提取值。