使用JQuery将值添加到下拉框中

我有一个问题,使用 JQuery在框中填充值.

它不是将它添加到彼此之下,而是将它添加到所有其他元素旁边

我的代码

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

我想你想要的

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

假设pages是你的< select>的id.另外,$(‘#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);

哪个更容易阅读.

这是一个Working Demo