使用jQuery向下拉列表中添加选项的最简单方法是什么?

这行吗?

$("#mySelect").append('<option value=1>My option</option>');

当前回答

我喜欢使用非jquery方法:

mySelect.add(new Option('My option', 1));

其他回答

$('#mySelect').empty().append('<option value=1>My option</option>').selectmenu('refresh');

我喜欢使用非jquery方法:

mySelect.add(new Option('My option', 1));

当您附加选项并使用jqueryvalidate时,我们发现了一些问题。您必须在选择多个列表中单击一个项目。您将添加此代码以处理:

$("#phonelist").append("<option value='"+ 'yournewvalue' +"' >"+ 'yournewvalue' +"</option>");

$("#phonelist option:selected").removeAttr("selected"); // add to remove lase selected

$('#phonelist option[value=' + 'yournewvalue' + ']').attr('selected', true); //add new selected

这很好。

如果添加多个选项元素,我建议执行一次追加,而不是对每个元素执行追加。

如果要在选择中的特定索引处插入新选项:

$("#my_select option").eq(2).before($('<option>', {
    value: 'New Item',
    text: 'New Item'
}));

这将在选择中插入“新项目”作为第三个项目。