selectで選択できる複数のオプション

Question

javacriptを初めて使用していて、次の問題があります。

HTMLでは複数の選択要素に同じオプションリストがあります。 （この例では）
最初の選択で「オプション1」を選択した場合、2番目の選択エレメントで「オプション1」を選択できません。
また、最初の選択で「オプション2」を選択した場合は、「オプション2」ではなく「オプション1」を
からもう一度選択する必要があります。

これは、HTMLがどのように見えるかです：Removing an item from a select box

私は私の問題を解決するためにそれを使用しようとしたが、それはうまくいきませんでした：

<select id="1"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
</select> 

<select id="2"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
    <option value="4">Option 4</option> 
</select> 

これは私がjsのために見つけたものです。

私を助けることができますか？ これは非常にシンプルなのですが、すみません。

Answer 1

各タグにidを割り当てる、特定のオプションを追加または削除するJavaScript関数を作成するOnSelect。

含まれる例が有効です。

Answer 2

私はこれがあなたが望んだと思います。オプションを非表示にし、他のオプションが選択されている場合に表示します。

$(function(){ 
 
$("#sel1").change(function(){ 
 
var selection=$(this).find(":selected").val(); 
 
$('#sel2 option').show(); 
 
var el=$('#sel2 option[value="'+selection+'"]').toggle(); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="sel1"> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
    <option value="4">Option 4</option> 
 
</select> 
 

 
<select id="sel2"> 
 
    <option value="1">Option 1</option> 
 
    <option value="2">Option 2</option> 
 
    <option value="3">Option 3</option> 
 
    <option value="4">Option 4</option> 
 
</select>