Question

我有以下动态创建的选择下拉列表，它没有选择ID但有名称。我有像JavaScript这样的数组 var t = [125,43,89]。我想从下面的下拉列表中删除上面的数组值。

<select name="UF_DEPT">
<option value="">no</option>
<option value="125"> . Volkswagen</option>
<option value="43" selected=""> . . AMC / INS / EW</option>
<option value="66"> . . CPU</option>
<option value="89"> . . New York Office</option>
<option value="107"> . . Paris Office</option>
</select>

Answer 1

var t = [125, 43, 89];

t.forEach(function(item) {
  $("select[name='UF_DEPT'] option[value='" + item + "']").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="UF_DEPT">
<option value="">no</option>
<option value="125"> . Volkswagen</option>
<option value="43" selected=""> . . AMC / INS / EW</option>
<option value="66"> . . CPU</option>
<option value="89"> . . New York Office</option>
<option value="107"> . . Paris Office</option>
</select>

Answer 2

您可以遍历数组并使用相应的值删除<option>元素（使用option[value='...'] jQuery选择器）：

var t = [125, 43, 89];

t.forEach(function(item) {
  $("select[name='UF_DEPT'] option[value='" + item + "']").remove();
});

Answer 3

var child=$("select [name='UF-DEPT']").children();
foreach(child as sub-child){
if($.inArray(sub-child.val(),array){
subchild.remove();
}
}

删除下拉列表值

3 个答案: