jquery - 送信すると入力 .val() が消えるのはなぜですか - Jquery

Question

関数が実行された直後に、ここの HTML 値が .name div で消えるのはなぜですか?

$('input[type="submit"]').click(function (e) {
    value = $("#txtName").val();
    $(".name").text(value);
});

Answer 1

これは、フォーム コレクションを送信してフィールドをリセットする送信アクションがあるために発生します。この問題を解決するには、コードを次のように変更します。

$('input[type="submit"]').click(function (e) {
e.preventDefault();
value = $("#txtName").val();
$(".name").text(value);

// if you would like to submit then :
$('form').submit();

});