JQuery Copy Selected Select option to input

Question

I have a select:

<select>
   <option value="Peter">Peter</option>
   <option value="James">James</option>
</select>

<input type="text" value="" />

I need to copy the value of the selected option in the select to the input value.

How can I do this using jquery?

Sergio · Accepted Answer · 2014-03-03 11:05:24Z

4

Try this script:

$("select").on("change", function () {    //when selected value changed
    $("input[type=text]").val($(this).val());  //change value in textbox
})

answered Mar 3, 2014 at 11:05

Sergio

6,9485 gold badges33 silver badges55 bronze badges

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

Comments

Milind Anantwar · Accepted Answer · 2014-03-03 11:03:58Z

0

Use:

 $('input[type="text"]').val($('select').val());

answered Mar 3, 2014 at 11:03

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges