jquery数据库弹出窗口中的HTML表单数据视图
这是我的表单视图,当我点击提交按钮时,我需要在弹出窗口中显示此表单数据,我更喜欢使用jquery,我已经搜索了一些方法,但我找不到合适的方法来获取带有表单数据的弹出窗口。jquery数据库弹出窗口中的HTML表单数据视图,jquery,html,codeigniter,Jquery,Html,Codeigniter,这是我的表单视图,当我点击提交按钮时,我需要在弹出窗口中显示此表单数据,我更喜欢使用jquery,我已经搜索了一些方法,但我找不到合适的方法来获取带有表单数据的弹出窗口。 **我需要首先填写表单,然后当我单击submit按钮时,它会在jquery窗口中显示包含已填写数据的表单** <body> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ba
**我需要首先填写表单,然后当我单击submit按钮时,它会在jquery窗口中显示包含已填写数据的表单**
<body>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs- theme/ui.theme.css" type="text/ css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery- ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });
});
</script>
<script type="text/javascript">
/*$(function(){
$("#birds").autocomplete({
minLength: 3,
source: "<?php //echo site_url('birds/get_birds'); ?>", // path to the get_birds method
select: function( event, ui ) {
$('#test').val(ui.item.label);
alert(ui.item.value+" : "+ ui.item.label +":"+ ui.item.city+":"+ ui.item.location);
}
});
});*/
</script>
<script type="text/javascript">
$(document).ready(function(){
var ac_config = {
source: "<?php echo site_url('birds/get_birds'); ?>",
select:function(event, ui){
$("#address").val(ui.item.location);
},
minLength:2
};
$("#name").autocomplete(ac_config);
})
</script>
<div id="content">
<form action="#" method="post">
<p>name: <input type="text" id="name"/></p>
<p>address: <input type="text" id="address"/></p>
<p>Date: <input type="text" id="datepicker"/></p>
<input type="text" id="test" />
<input type="submit" value="next">
</form>
</div>
</body>
</html>
HTML
HTML
弹出窗口是什么意思弹出的新浏览器窗口或基于javascript的模式或其他什么我有编辑问题,我需要基于javascript的窗口我需要首先填写表单,然后当我单击提交按钮时,它应该在jquery窗口中显示包含填满数据的表单。从中获得想法并尝试自己完成。Stackoverflow不是一个代码编写服务是的,我知道。当我单击按钮时,出现窗口,如果您在上面的代码中有任何问题,请随时询问。当我单击提交按钮时,只需眨眼窗口并突然消失,但在我的小提琴中,它工作正常。在显示问题的地方共享你的小提琴链接。打开。将你的HTML内容放在HTML部分,将javascript放在javascript部分。只放置所需的一个。在左角的框架和扩展下拉列表中,选择要添加的库。运行并保存它,然后发布你遇到的问题是因为提交按钮。实际上,我们在提交按钮上做了两件事。打开对话框以及窗体操作。所以最好制作一个按钮,在其中打开窗体外部的对话框。请参见
<div id="dialog" title="Basic dialog">
<form action="#" method="post">
<p>name:
<input type="text" id="name" />
</p>
<p>address:
<input type="text" id="address" />
</p>
<p>Date:
<input type="text" id="datepicker" />
</p>
<input type="text" id="test" />
<input type="submit" value="next">
</form>
</div>
<button id="showForm">Show Form</button>
$("#showForm").click(function() {
$("#dialog").dialog();
});
<div id="dialogbox"></div>
<div id="content">
<p>name: <input type="text" id="name"/></p>
<p>address: <input type="text" id="address"/></p>
<p>Date: <input type="text" id="datepicker"/></p>
<input type="text" id="test" />
</div>
<input type="submit" id="mybutt" value="next">
$("#dialogbox").dialog({
autoOpen:false,
modal:true,
title: "Use of Open event",
width:400,
open: function( event, ui ) {
}
});
$('#mybutt').click(function() {
$('#dialogbox').empty()
var $clone=$("#content").clone()
$('#dialogbox').append($clone)
$("#dialogbox :input").prop("disabled", true);
$('#dialogbox').dialog('open');
});