0

私は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>
4

1 に答える 1

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;  
}
于 2013-03-22T15:41:40.080 に答える