jquery 如何实现这样的效果 点击添加按钮, 弹出个DIV 让你填写内容 然后 提交后 会在页面上显示个 你添加的 新的DIV 再添加 新的DIV 会在 原来的 IDV 下面 。效果http://www.feidee.com/money/account/account.do希望有这样的例子! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 子夜大牛, 你上面给的 只是给出了 弹出 IDC层, 没有涉及到 当填写完内容后 如何新增一个DIV。并且吧这些内容显示到这个新增的DIV上。 你这网站需要注册啊 公司注册不了 只能当弹出框处理了。你在弹出框里把获取的内容传过去然后$("#DIVid").html("传递的内容"); 抄来一段<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Add And Close Div</title> <script type="text/javascript教程" > $(document).ready(function(){ bindListener();})function addimg(){ $("#mdiv").append('<div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div>'); // 为新元素节点添加事件侦听器 bindListener();}// 用来绑定事件(使用unbind避免重复绑定)function bindListener(){ $("a[name=rmlink]").unbind().click(function(){ $(this).parent().remove(); })}</script> </head> <body> <form action="" method="post" enctype="multipart/form-data"> <label>请选择上传的图片</label> <a href="javascript:addimg()" id="addImg">增加图片www.111cn.net</a> <div class="mdiv" id="mdiv"> <div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div> </div> <input type="submit" name="submit" value="上传图片" /> </form> </body> </html>更多详细内容请查看:http://www.111cn.net/wy/139/dcf8ffa209fc6d13a1a173729e00a8d5.htm 你提交数据是到数据库的吗?如果是的话你直接用asp:Repeater包含div 然后子页面提交之后刷新父页面,父页面获取数据 一条数据给分配个div就行了不久前刚做过类似的功能刚建了个超级群想用于交流.net,web,html,js,jq,sql,架构等等................................但是人员稀少 往大家加入~共同提高是群主的目的~~~~~~~~QQ群43881427 这就只是一个div的显示与影藏不用的事件触发不用的判断 没那么复杂。你把它分成几步来实现就好了。一个是弹出层,用来保存输入内容,并且返回保存数据的ID。一个是添加DIV到页面上,根据一个指定的ID来读取内容就行了。完全用异步实现,不是很麻烦的。 <div id="op_manage_dialog" title="鸟大头" class="op_dialog"> <p> jquery ui 的dialog就可以实现</p><p><input type='button' id='bt1' value='确定'/></p> </div> <div id="dialog2" title="鸟大头2" class="op_dialog"> <p> jquery ui 的dialog就可以实现</p> </div> // Dialog 默认关闭 $('.op_dialog').dialog({ autoOpen: false }); //打开dialog $('.dialog_link').click(function () { $('#op_manage_dialog').dialog('open'); return false; });//确定打开第二个$('#bt1').click(function () { $('#dialog2').dialog('open'); return false; }); 单点登录如何实现;iframe如何跨域访问 网站Application.lock 关于寻找在页面里寻找控件 ArrayList对像 转换string[] 分不够再加! 如何精确定位页面元素? TreeView 点击节点展开和折叠 急急急 asp.net中如何实现图片的连续显示 在.net2003,asp.net中能不能用treeView控件做成像CSDN左边树形目录结构 TextBox在DataList中的大小 大家写ASP.NET用什么工具? 关于连接池 ----如何从PDF文件中读出数据----
$("#DIVid").html("传递的内容");
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Add And Close Div</title> <script type="text/javascript教程" >
$(document).ready(function(){
bindListener();
})function addimg(){
$("#mdiv").append('<div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div>');
// 为新元素节点添加事件侦听器
bindListener();
}// 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
$("a[name=rmlink]").unbind().click(function(){
$(this).parent().remove();
})
}
</script>
</head> <body> <form action="" method="post" enctype="multipart/form-data"> <label>请选择上传的图片</label> <a href="javascript:addimg()" id="addImg">增加图片www.111cn.net</a> <div class="mdiv" id="mdiv"> <div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div> </div> <input type="submit" name="submit" value="上传图片" /> </form> </body> </html>更多详细内容请查看:http://www.111cn.net/wy/139/dcf8ffa209fc6d13a1a173729e00a8d5.htm
你直接用asp:Repeater包含div 然后子页面提交之后刷新父页面,父页面获取数据 一条数据给分配个div就行了
不久前刚做过类似的功能刚建了个超级群想用于交流.net,web,html,js,jq,sql,架构等等................................但是人员稀少 往大家加入~
共同提高是群主的目的~~~~~~~~QQ群43881427
不用的事件触发不用的判断
一个是添加DIV到页面上,根据一个指定的ID来读取内容就行了。完全用异步实现,不是很麻烦的。
<p>
jquery ui 的dialog就可以实现</p>
<p><input type='button' id='bt1' value='确定'/></p>
</div>
<div id="dialog2" title="鸟大头2" class="op_dialog">
<p>
jquery ui 的dialog就可以实现</p>
</div>
// Dialog 默认关闭
$('.op_dialog').dialog({
autoOpen: false
});
//打开dialog
$('.dialog_link').click(function () {
$('#op_manage_dialog').dialog('open');
return false;
});
//确定打开第二个
$('#bt1').click(function () {
$('#dialog2').dialog('open');
return false;
});