如何兩個HTML選擇列表

我有兩個HTML選擇列表，我想刪除列表1中的所有元件，其類似於列表元素2.如何兩個HTML選擇列表

<select id="availableLanguages" name="availableSoftwareLanguages" multiple="multiple" size="15"> 
    <option value="AL" label="All Languages">All Languages</option> 
    <option value="AG" label="Argentina">Argentina</option> 
    <option value="BU" label="Bulgarian">Bulgarian</option> 
    <option value="CF" label="Canadian French">CanadianFrench</option> 
    <option value="C1" label="Cantonese">Cantonese</option> 
</select> 

<input id="addLanguages" type="button" value=" >> "> 
<input id="removeLanguages" type="button" value=" << "> 

<select id="selectedLanguages" name="selectedLanguages " multiple="multiple" size="15"> 
    <option value="AL" label="All Languages">All Languages</option> 
    <option value="AG" label="Argentina">Argentina</option> 
    <option value="BU" label="Bulgarian">Bulgarian</option> 
</select>

所以在這裏我想與刪除重複從列表availableLanguages中刪除選項，這些選項與列表selectedLanguages中的選項類似。

來源

2012-05-25 changed

*「所以，這裏我想從列表availableLanguages中刪除選項，它們與列表selectedLanguages中的選項類似。」*定義「相似」。另外：**你**嘗試過什麼？你在哪裏遇到麻煩？或者你只是想讓人們爲你寫代碼？ –

這個問題可能會給你你正在尋找的答案：http://stackoverflow.com/questions/3227754/delete-duplicate-entries-from-a-select-box –

我假設你通過選項值匹配？如果是，請嘗試：

$("#selectedLanguages option").each(function() { 
    $("#availableLanguages option[value='" + $(this).val() + "']").remove(); 
});

來源

2012-05-25 22:27:10 mattytommo

正是我打算把 – PitaJ

可以你實現這個功能沒有jQuery？ –

如何兩個HTML選擇列表

回答

相關問題