Question

我有一个模态，为您提供插入行的选项。该行有一个下拉菜单，大约有10个值可供选择。当我单击插入按钮以插入另一行时，我需要生成的新下拉列表中没有选项中前一行的选定值。基本上它就像一堆级联的下降。新的下拉列表将没有上一个下拉列表的选定选项。

基本上我的问题是我怎么能/应该用JavaScript / JQuery来实现它？

Answer 1

看到你的代码给出一个好的答案会很好，但你可以删除这样的选项......

$("#yourdropdownlistid option[value='thevalueofthetargetoption']").remove();

您可以尝试在更改时将所选项目的选项值更改为“删除”，然后您可以定位所有“删除”选项值。

$("#yourdropdownlistid option[value='thevalueofthetargetoption']").each(function() {
    $(this).remove();
});

你可以看到它在这里运行...... http://jsfiddle.net/pUeue/1420/

Answer 2

假设您有以下HTML：

<div id='container'>
 <button>add</button>
 <div class='row'>
    <select>
        <option>hi</option>
        <option>hello</option>
        <option>how</option>
        <option>are</option>
        <option>you</option>
    </select>
 </div>
</div>

您可以按照以下方式执行此操作：

$('button').click(function () {
 var clone= $('.row').last().clone();
 clone.find('option:selected').remove();
 if($(clone).find('option').length>0)
  $('#container').append(clone);
});

检查此JSFiddle

从以后的下拉选项中删除先前的下拉选项

2 个答案: