javascript - 无法在 jquery onclick 事件中通过 Firefox 中的 javascript 提交

Question

在 jquery onclick 事件中，我修改了 dom，然后提交它在 Firefox 中不起作用，但在 Chrome 和 IE 中运行良好。

    function test(){
    $('#b2').remove();
    var form = document.getElementById("123");
    form.submit();
}

$(function() {
    $('#b1').on('click', test);
});​

这里有最小的测试用例http://jsfiddle.net/Tjtjv/ 点击按钮测试它应该加载页面http://jsfiddle.net

我怎样才能让它在 Firefox 中像在 Chrome 和 IE 中一样工作

Answer 1

我已经像这样修改了你的小提琴，它适用于 FF。

检查这个小提琴

function test(){
    $('#bsub').remove();
    var $form = $("#123");
    $form.submit();
    console.log('form submitted');
}

$(function() {
    $('#b1').on('click', test);
});

Answer 2

Onclick通过在按钮事件中调用函数解决了这个问题。

 <form id="123" action="http://jsfiddle.net/" >
     <div id="b2" >
     <button id="b1" onclick="test()">test</button>
     </div>
 </form>

演示

Answer 3

为什么要使用按钮删除该区域？如果您不希望您的用户不再提交表单，您应该禁用该按钮：

$("#b1").attr("disabled", "disabled"); // instead of $("#b2").remove()