从未来的下拉选项中删除上一个下拉选择

我有一个模式，为您提供一个插入行的选项。该行有一个包含10个值的下拉菜单供您选择。当我点击插入按钮来插入另一行时，我需要生成的新下拉列表中没有选项中前一行的选定值。基本上它就像一堆级联下拉式。新的下拉菜单不会有上一个下拉选择的选项。从未来的下拉选项中删除上一个下拉选择

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

来源

2014-04-11 Hannie

你应该总是提供一些代码来解释你尝试了什么或者复制了什么情况 – juvian

没有代码可以显示，我需要一个关于如何处理这个问题的想法。 – Hannie

这个问题太广泛了。首先，你必须尝试一些东西。 SO不是论坛，你不能指望SO编程人员为你做的一切。编写一些代码，SO将帮助您解决问题或错误。如果你需要意见或建议，请在聊天http://chat.stackoverflow.com/rooms/23598/jquery –

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

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

你可以尝试量变到质变所选项目到期权价值“删除'关于变更，那么您可以定位所有'删除'选项值。

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

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

来源

2014-04-11 20:49:06 tintyethan

假设你有下面的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

来源

2014-04-11 21:05:43

从未来的下拉选项中删除上一个下拉选择

回答

相关问题