将值添加到下拉列表中 <select>使用JQuery的框

Question

I have a issue with populating values in a box using JQuery.

Instead of adding it underneath each other it adds it next to all other elements

my code

$('#pages option').append($('#t1').val());

Answer 1

I think you want

$('#pages').append($('#t1').val());

assuming pages is the id of your <select> . Also, $('#t1').val() should be an <option> element, not a value. Something like this

 var newOption = $('<option value="'+val+'">'+val+'</option>');
 $('#pages').append(newOption);

or

var newOption = $('<option>');
newOption.attr('value',val).text(val);
 $('#pages').append(newOption);

whichever is easier for you to read.

Here's a Working Demo

Answer 2

You probably want something along the lines of

$("#pages").append("<option>"+$("#t1").val()+"</option>");

That will make and append an option to your select box

Answer 3

Try this..

using jquery you can use

  this.$('select#myid').append('<option>newvalue</option>');

where " myid " is the id of the dropdown list and newvalue is the text that you want to insert..