用.on()提交jquery表单

时间:2012-05-11 15:47:42

标签: jquery forms

我正在尝试发送由jquery创建的表单。 表单附加到div,下面的变量'data'是使用php创建的,我只发布最重要的js代码。

我尝试了很多东西,有没有'on()',但我没有得到显示'1'的警告框,所以我知道代码块实际上已经执行了... ...我不知道我是什么做错了,任何解释都会非常感激。提前致谢!

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$("form.moveform").on("submit",function(event){
    alert(1);
});

2 个答案:

答案 0 :(得分:20)

您在表单存在之前绑定到该表单。将事件绑定到文档,并将表单选择器传递给.on

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$(document).on("submit", "form.moveform", function(event){
    alert(1);
});

答案 1 :(得分:0)

你试过吗

$("inout.movethisform").on("click",function(event){
    alert(1);
    $("form.moveform").submit();
});