Javascript 在每个按钮中添加选择框单击，但在上一个选择框中未选择选项

通过单击将哪些选择框附加到div，我有一个添加更多字段按钮。我想使选择框选项在上一个选择框中不被选中

我的第一个选择框

<select>
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Blue</option>
</select>

红色
绿色
蓝色

如果我从选择框1中选择红色，则 我动态生成的第二个选择框应为

<select>
<option value="2">Green</option>
<option value="3">Blue</option>
</select>

绿色
蓝色

我该怎么做？ 我的jquery需要添加更多字段

<script>

   $(document).ready(function() {


   var max_fields      = 4; //maximum input boxes allowed
   var wrapper         = $(".input_fields_wrap"); //Fields wrapper
   var add_button      = $(".add_field_button"); //Add button ID

   var x = 1; 
     //initlal text box count


   $(add_button).click(function(e){ //on add input button click

       e.preventDefault();
       if(x < max_fields){ //max input box allowed
           //text box increment

           $(wrapper).append('<div><select class="selectclass" name="targettype'+x+'" id="targettype'+x+'"></select><input type="text" name="quantity'+x+'" id="quantity'+x+'"  style="width:81%;"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
       appendOption(x);
   x++;
    }

   $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
       e.preventDefault(); $(this).parent('div').remove(); x--;

   })



    });


});

   </script>

$（文档）.ready（函数（）{
var max_fields=4；//允许的最大输入框数
var wrapper=$（“.input_fields_wrapp”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=1；
//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x

您原本可以拥有所有3种颜色，并隐藏与所选颜色相同的颜色复选框。在这种情况下，使用更方便您的问题意味着必须选择所有颜色，这似乎是

元素的错误用例。我赞成使用复选框或某种形式的可排序列表。@Sanam Nath在fiddle上共享一个链接