從未來的下拉選項中刪除上一個下拉選擇

我有一個模式，爲您提供一個插入行的選項。該行有一個包含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

從未來的下拉選項中刪除上一個下拉選擇

回答

相關問題