Copy input values in option dropdown jquery

Question

How to duplicate input value into dropdown option automatically?

I have text field where user will going to input some values (Let say an amount), Now, I want this values to be copied or duplicate in my dropdown option field automatically, particularly on my first "option", How do I do that?

<input id='appraisal_value' type='number'>

<select id='srp'>
    <option value='//This is where the users values from input `appraisal_value` goes '>Appraisal Value</option>
    <option value'<?php echo $BookValue; ?>'>Book Value</option>
</select>

guradio · Accepted Answer · 2016-05-18 07:48:33Z

2

$('#appraisal_value').change(function() {

  var value = $(this).val();
  $('#srp').prepend('<option>'+value +'</option>')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='appraisal_value' type='number'>

<select id='srp'>
  <option value='//This is where the users values from input `appraisal_value` goes '>Appraisal Value</option>

</select>

Use .prepend()

Description: Insert content, specified by the parameter, to the beginning of each element in the set of matched elements.

answered May 18, 2016 at 7:48

guradio

15.6k4 gold badges39 silver badges65 bronze badges

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

1 Comment

phphopzter Over a year ago

Thank you. Worked like beast!

J.C. Fong · Accepted Answer · 2016-05-18 07:50:10Z

0

$("#appraisal_value").on("keyup", function(){
  $("#srp").children("option:first").val($(this).val());
});

This example shows when user keyup in the text field, value of first option in the select will replace with text field value.

answered May 18, 2016 at 7:50

J.C. Fong

5468 silver badges16 bronze badges

Collectives™ on Stack Overflow

Copy input values in option dropdown jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related