我要在网页中用jquery动态生成输入框和按钮,然后用jquery提交内容给服务器,但是我的离怎么也提交不了
这个是我写的jquery的代码$(document).ready(function(){$(".add").click(function(){var$br=$("<br/...
这个是我写的jquery的代码
$(document).ready(function(){
$(".add").click(function(){
var $br=$("<br />");
var $form=$("<form action='content.php' method='post'>")
var $inp=$(" <input type='text' name='content' />");
var $btn=$("<input type='submit' name='ok' value='OK' />");
var $btnc=$("<input type='button' name='canel' value='canel'>")
var $endform=$("</form>")
$(this).next().append($form).append($br).append($inp).append($br).append($btn).append($btnc).appendto($endform);
$("inp").val();
$($btn).click(function(){
/*$($inp).val();*/
$.post("/jquerylianxi/content.php",{name:"content",value:$($inp).val()},function(){alert($($inp).val());});
//alert($.post("jquerylianxi/content.php",{name:$($inp).val()}));
});
$($btnc).click(function (){
$($inp).remove();
$($btn).remove();
$($btnc).remove();
$($br).remove();
});
});
}) 展开
$(document).ready(function(){
$(".add").click(function(){
var $br=$("<br />");
var $form=$("<form action='content.php' method='post'>")
var $inp=$(" <input type='text' name='content' />");
var $btn=$("<input type='submit' name='ok' value='OK' />");
var $btnc=$("<input type='button' name='canel' value='canel'>")
var $endform=$("</form>")
$(this).next().append($form).append($br).append($inp).append($br).append($btn).append($btnc).appendto($endform);
$("inp").val();
$($btn).click(function(){
/*$($inp).val();*/
$.post("/jquerylianxi/content.php",{name:"content",value:$($inp).val()},function(){alert($($inp).val());});
//alert($.post("jquerylianxi/content.php",{name:$($inp).val()}));
});
$($btnc).click(function (){
$($inp).remove();
$($btn).remove();
$($btnc).remove();
$($br).remove();
});
});
}) 展开
1个回答
展开全部
①为什么你定义jQuery对象名称的时候一定要以$打头啊?
②$($btnc).:如果我没有理解错的话,你是想在$btnc对象上面添加事件,而不是$($btnc)这个对象。
③jQuery对象定义一个闭合的html标签:你把一个form还给拆开了,也是不合适的。
④你既然使用的jquery的post,完全没有必要再去创建一个form标签,用form标签的话,直接将标签内的所有参数submit就可以了。
②$($btnc).:如果我没有理解错的话,你是想在$btnc对象上面添加事件,而不是$($btnc)这个对象。
③jQuery对象定义一个闭合的html标签:你把一个form还给拆开了,也是不合适的。
④你既然使用的jquery的post,完全没有必要再去创建一个form标签,用form标签的话,直接将标签内的所有参数submit就可以了。
追问
form标签我就是拆了,也没用,系统生成的时候会自动放到一起,因为按照正常写form表单的时候是把按钮写在form标签中间的,我现在就是删掉form标签,我写的post也不起作用,这种定义方法是我看到网上很多例子是这么定义,而定义出来的东西也没什么问题就这么用了,能详细讲解下post方法吗?
追答
那么多问题不是简单改一下就可以的啦!这个是我写的;
jquery的post本质还是一个ajax方法。
在firefox中可以看到参数能够提交掉,另外:js请求是不能够跨域的,这个要注意。
$(document).ready(function(){
var form = $("");
$("body").append(form);
$("#button").click(function(){
var params = {};
params["wd"] = $("#wd").val();
$.ajax({
type: "post",
url:"a.txt",
data:params,
success: function(data){
alert(data);
}
});
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询