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

Question

我在使用JQuery在框中填充值时遇到问题。

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

我的代码

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

Answer 1

我想你想要

$('#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

Answer 2

你可能想要一些

的内容

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

这将为您的选择框制作并附加一个选项

Answer 3

试试这个..

使用jquery你可以使用

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

其中“ myid ”是下拉列表的 id ，而 newvalue 是您要插入的文字..