javascript - jQuery設定属性値の問題

Question

私はいくつかのテキストボックスを持っており、保存時にローカルストレージデータをそれらに保存しています。

$(".formFieldUserData").each(function () {
  var key = $(this).attr("name");
  var value = $(this).attr("value");
  localStorage.setItem(key, value);
}

何らかの理由で、テキストボックスに値を入力しても、常に$(this).attr("value")戻りますundefined。

どうした ？

Answer 1

フォームフィールドの値は.val()、ではなく、を使用して取得します.attr("value")。

Answer 2

これがあなたの解決策です：

$(".formFieldUserData").each(function() {
    var key = $(this).attr("name");
    var value = $(this).val();

    localStorage.setItem(key, value);
});

注： "value"タグの属性は変更可能であるため、$.val()メソッドを使用してその値を取得します。

Answer 3

これを試して

$(".formFieldUserData").each(function()
        {
        var key = $(this).attr("name");
        var value = $(this).val();
        localStorage.setItem(key, value);
        }