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

Question

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

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

我的代码

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

Answer 1

我想你想要的

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

假设pages是你的id <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);

哪个更容易阅读.

这是一个工作演示