jQuery - insert value into <input value="">

Question

I have the following script that dynamically builds text fields with a value from other input element. The value is displayed on the screen but it doesn't get inserted into value="" as inspected in the dev tool. I need the value to be inserted as value="" so that the form data can be persisted.

$(document).on('click', 'button', function(event) {
  $("fieldset").append($('<input>').prop('type', 'text').val($('#entry').val()));
});

See my image

Thank you. I forgot about attr. If you make this as an answer, I can settle this question. — Seong Lee
– Seong Lee, Commented Dec 24, 2014 at 9:52

Satpal · Accepted Answer · 2014-12-24 09:53:41Z

3

You need to use .attr()

Use:

 $('<input>').attr('value', $('#entry').val())

answered Dec 24, 2014 at 9:53

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

Bharadwaj Over a year ago

we can use $("input") also without < and > and input with $("input").val($('#entry').val()) also

M3ghana · Accepted Answer · 2014-12-24 09:59:13Z

2

$(document).on('click', 'button', function(event) {
    $("fieldset").append($("input[type = 'text']")).val($('#entry').val());
    });

Hope this helps you.

answered Dec 24, 2014 at 9:59

M3ghana

1,3011 gold badge9 silver badges19 bronze badges

1 Comment

Seong Lee Over a year ago

My original question uses val() but it doesn't create value attribute neither assign value into it.

Collectives™ on Stack Overflow

jQuery - insert value into <input value="">

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related