jquery - 如何使用 jquery 检查下拉列表中可用的选项

Question

如何创建一个通用函数来向下拉列表添加更多选项，例如:“AddItemToDropdown”。

Problem: Before adding a option how to check that field is already available in that dropdown

现在我正在添加之前删除该字段，任何想法如何检查下拉列表中是否存在

$(sourceDropdownId+' option[value=' + key + ']').remove();

<select id="Names">
    <option>mike1</option>
    <option>mike2</option>
    <option>mike3</option>
</select>

function AddItemToDropdown(sourceDropdownId, key, text) {
    var exists = 0 != $(sourceDropdownId + ' option[value=' + key + ']').length;
    if (exists) {
        $(sourceDropdownId)
            .append($("<option></option>")
                .attr("value", key)
                .text(text));
    }
}

Answer 1

您的代码中有错误。您需要创建 id 选择器来定位选择元素。您也可以检查条件语句的长度。当您尝试附加新选项元素时，这对于逻辑来说是相同的:

function AddItemToDropdown(sourceDropdownId, key, text) {
 if (!$('#'+sourceDropdownId + ' option[value=' + key + ']').length) {
     $('#'+sourceDropdownId).append($("<option></option>").attr("value", key).text(text));
 }
}

<强> Working Demo