Set value of hidden field via Javascript

Question

I'm trying to use Javascript to set the value of a hidden field.

I'm following an example that binds the value to a label thus:

var input = $("#mobile-number"),
  output = $("#output"),
  input.on("keyup change", function() {
    var intlNumber = input.intlTelInput("getNumber");
    if (intlNumber) {
      output.text("International: " + intlNumber);
    } else {
      output.text("Please enter a number below");
    }
  });

That works, but I am trying to reproduce that by storing the value in a hidden field instead of displaying it in a label.

if the element identified with id output were an input with type hidden, you can use output.val() instead of output.text() — daf
– daf, Commented Jul 2, 2016 at 13:41
also change the comma after output = $("#output"), to a semicolon — mplungjan
– mplungjan, Commented Jul 2, 2016 at 13:42
html: <input id="output" type="hidden" name="output"> and js: output.val("your text"); (just as @daf suggested, if you didn't understand that..) — moped
– moped, Commented Jul 2, 2016 at 13:50

Waldir J. Pereira Junior · Accepted Answer · 2016-07-02 14:06:28Z

1

If your hidden field is named as output, just substitute text function by val function, like this:

var input = $("#mobile-number"),
  output = $("#output"),
  input.on("keyup change", function() {
    var intlNumber = input.intlTelInput("getNumber");
    if (intlNumber) {
      output.val("International: " + intlNumber);
    } else {
      output.val("Please enter a number below");
    }
  });

answered Jul 2, 2016 at 14:06

Waldir J. Pereira Junior

8261 gold badge10 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Set value of hidden field via Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related