javascript - 在下拉列表中动态添加和删除项目

Question

如何在 jQuery 中动态添加或删除下拉项？下面的代码不起作用

$("#dropdownId").remove("<option value='12'>testing</option>");
$("#dropdownId").add("<option value='12'>testing</option>");

谁能建议一种方法来做到这一点？

Answer 1

要添加元素，请使用 .append() :

$('#dropdownId').append('<option value="12">testing</option>')

或.appendTo() :

$('<option/>', { val: 12, text: 'testing' }).appendTo('#dropdownId');

要删除，请使用 .remove()不同的是:

$('#dropdownId').find('option').filter(function ()
{
    return this.value === '12' && $(this).text() === 'testing';
}).remove();

<小时/>

作为一般建议，您应该真正阅读 API 文档来了解此类简单的 jQuery 问题。如果您读过the documentation for .add() ，例如，您会发现它并没有按照您的想法进行。