试图理解Jquery appendTO

时间:2013-03-22 15:38:23

标签: jquery

我是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>

1 个答案:

答案 0 :(得分:1)

从div <div id="#formsubmit">

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

</div>

FIDDLE

或者你必须逃避#

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

FIDDLE

正如其他人所说,如果提交表单,那么页面可能会刷新,您将看不到任何更改。

您可以返回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;  
}