Dynamic selectbox how to add options dynamically to a select box from my text boxes values

Question

I am new for this type of functionality, how can i retrieve the textbox values and that every value appending to the beside select box option after clicking on add button Any One please give me a suggestion to fixed it.

$(document).ready(function(){
var val = $('#txt-val').val();
var selectval = $('#newval').val();
  $('#addbtn').click(function(){
  //who to retrive textbox value and append as a option value of select box .
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" style="width:150px;" id="txt-val" />
<button id="addbtn">Add</button>
<select id="newval" style="width:150px;">
<option></option>
</select>

Hitesh Misro · Accepted Answer · 2016-09-21 07:23:15Z

3

Just a line of code you need to add

Use .append() in your .click() method.

$(document).ready(function(){
  $('#addbtn').click(function(){
    var val = $.trim($('#txt-val').val());
    if(val != '')
      $('#newval').append('<option>' + val +'</option>');
    $('#txt-val').val('');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" style="width:150px;" id="txt-val" />
<button id="addbtn">Add</button>
<select id="newval" style="width:150px;">
</select>

edited Sep 21, 2016 at 7:23

answered Sep 21, 2016 at 7:09

Hitesh Misro

3,4511 gold badge25 silver badges54 bronze badges

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

6 Comments

Samudrala Ramu Over a year ago

k nice but same value apending here repeatedly.

Samudrala Ramu Over a year ago

empty value should not append to select box how?

Samudrala Ramu Over a year ago

Ya Exactly Thanks

Mihai T Over a year ago

for the first option ( empty option ) not to appear , delete <option> from HTML

Samudrala Ramu Over a year ago

here its allowing spaces how to i override it as empty

|

Collectives™ on Stack Overflow

Dynamic selectbox how to add options dynamically to a select box from my text boxes values

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related