jQuery setting attribute value issue

Question

I have some text boxes and on save , I am saving local storage data to them;

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

Now for some reason, even though I enter some value in the text box, $(this).attr("value") returns undefined always.

What is the issue ?

Answer 1

您可以使用.val()而不是.attr("value")检索表单字段值。

Answer 2

This is your solution:

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

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

Note: "value" attribute of your tag is changable, so you use the $.val() method to get it's value.

Answer 3

Try this

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