jquery - 试图理解 Jquery appendTO

Question

我对 Jquery 有点陌生，正在尝试理解 appendTo()。

问题是当表单被提交时，没有任何东西附加到 div 中。只要没有选择任何值，代码脚本就可以正常工作，这意味着警报被触发。

$('#blankett_form').submit(function() {
    var id = $(this).find('.update:last').val();
    if (id == '') {
        alert('Välj land och region.'); 
    } else {
        var table = '<table class="table table-hover table-bordered"><thead><tr>    <td>blanketter.</td><td>datum tillagt.</td></tr></thead></table>'
        $(table).appendTo('#formsubmit');
    }
});

该表应附加到以下 div。

<div id="#formsubmit"> 

</div>

Answer 1

从 div id 中删除 #<div id="#formsubmit">

<div id="formsubmit"> 

</div>

小提琴

或者你必须逃避#

$(table).appendTo('#\\#formsubmit');

小提琴

正如其他人所提到的，如果正在提交表单，那么页面可能会刷新并且您不会看到任何更改。

您可以返回 false 或在处理程序中使用event.PreventDefault来停止默认提交操作

$('#blankett_form').submit(function(e) { // <-- event argument passed in
     e.preventDefault(); // prevent default action
     // your code here
}

或者

$('#blankett_form').submit(function() {      
     // your code here
     return false;  
}