Попытка понять 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 id="#formsubmit"> 

</div> 

Answer 1

удалить # из сНу ид <div id="#formsubmit">

<div id="formsubmit"> 

</div> 

FIDDLE

или у вас есть, чтобы избежать #

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

FIDDLE

Как уже упоминалось, если форма отправляется, страница, вероятно, обновится, и вы не увидите никаких изменений.

Вы можете либо вернуть ложные или использовать 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; 
}