如何鏈接兩個選擇的字段從彼此中刪除選項

Question

我有兩個字段具有相同的選項。我想確保當用戶從其中一個選項中選擇一個選項時，相反的字段將刪除相同的選項。

因此，如果用戶選擇T. Edson作爲Recipient，則此選項將在CCs字段中刪除。

我試着下面有人說here但似乎並沒有工作。

function checkAddressFields() { 
     var recipientField = $('#id_recipient'); 
     var ccsField = $('#id_ccs'); 
     console.log("Removing duplicate"); 
     $("#id_ccs option[value='"+recipientField.val()+"']").remove(); 
     ccsField.trigger("chosen:updated"); 
    } 
    $('#id_recipient').on('change', checkAddressFields); 
    $('#id_ccs').on('change', checkAddressFields); 

Answer 1

嘗試這個例子中..

$select = $('.select'); 
 
$select.on('change', function() { 
 
    var val = $(this).val(); 
 
    $notThis = $select.not($(this)); 
 
    $notThis.find('option').show(); 
 
    $notThis.find('option[value=' + val + ']').hide(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="select"> 
 
    <option>Select rec</option> 
 
    <option value="option1">Option 1</option> 
 
    <option value="option2">Option 2</option> 
 
    <option value="option3">Option 3</option> 
 
    <option value="option4">Option 4</option> 
 
    <option value="option5">Option 5</option> 
 
</select> 
 

 
<select class="select"> 
 
    <option>Select cc</option> 
 
    <option value="option1">Option 1</option> 
 
    <option value="option2">Option 2</option> 
 
    <option value="option3">Option 3</option> 
 
    <option value="option4">Option 4</option> 
 
    <option value="option5">Option 5</option> 
 
</select>

Answer 2

沒有看到整個代碼，它可能是一個有點棘手，但嘗試這樣的事情（確保recipientField.val（）傳遞給checkAddressFields（））：

$("#id_ccs option[value='+recipientField.val()+']").remove();