Добавление значений в выпадающий список <select>с помощью JQuery

Question

У меня проблема с заполнением значений в поле с помощью JQuery.

Вместо того, чтобы добавлять его друг под друга, он добавляет его рядом со всеми другими элементами

мой код

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

Answer 1

Я думаю, что вы хотите

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

при условии, что страницы - это идентификатор вашего <select>. Кроме того, $('#t1').val() должен быть элементом <option>, а не значением. Примерно так

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

или

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

что вам легче читать.

Вот Рабочая демоверсия

Answer 2

Вы, вероятно, хотите что-то вроде

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

Это сделает и добавит опцию в поле выбора

Answer 3

Попробуйте это ..

используя jquery вы можете использовать

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

, где " myid " - это id в раскрывающемся списке, а newvalue - это текст, который вы хотите вставить.