Jquery 为什么这段代码会将表单输入发送到URL?
如何将此表单输入存储在变量中,以便以后使用,而不是附加到URL的末尾Jquery 为什么这段代码会将表单输入发送到URL?,jquery,css,Jquery,Css,如何将此表单输入存储在变量中,以便以后使用,而不是附加到URL的末尾 <script type="text/javascript"> $(function() { var tag_box = $("<div>").appendTo("body").css({ "width": "40px", "height":"40px",
<script type="text/javascript">
$(function() {
var tag_box = $("<div>").appendTo("body").css({
"width": "40px",
"height":"40px",
"border":"4px solid #000000",
"position":"absolute",
"display":"none",
"padding":"15px"
});
var comment_box = $("<form action='#'><input id='comment' type='text' name='comment' placeholder='Add comment'></form>").appendTo(tag_box).css({"position":"absolute"});
$("#image-wrapper").live("click", function(e) {
tag_box.css({
"left": e.pageX - 40,
"top": e.pageY - 40,
"display": "block"
})
.after(comment_box.css({
"left": e.pageX - 65,
"top": e.pageY + 40
}));
return false;
});
});
</script>
<body>
<div align="center">
<img src="images/ror1.gif" width="760" height="182" alt="Ror1" id="image-wrapper">
</div>
</body>
$(函数(){
var tag_box=$(“”).appendTo(“body”).css({
“宽度”:“40px”,
“高度”:“40px”,
“边框”:“4px实心#000000”,
“位置”:“绝对”,
“显示”:“无”,
“填充”:“15px”
});
var comment_box=$(“”).appendTo(tag_box).css({“position”:“absolute”});
$(“#图像包装器”).live(“单击”,函数(e){
tag_box.css({
“左”:e.pageX-40,
“顶级”:e.pageY-40,
“显示”:“块”
})
.after(comment_box.css({
“左”:e.pageX-65,
“顶部”:e.pageY+40
}));
返回false;
});
});
通过从submit
(onsubmit)事件处理程序返回false来防止其提交。表单数据(参数名称+值)可通过以下方式获取:
Karim…有没有办法在提交时重新设置表单,这样我就可以继续收集来自同一用户的输入(最好不用重新加载页面)。@marcamillion-请参阅此处:
$("form").live("submit", function() {
var params = $(this).serialize();
alert(params);
return false;
});