Javascript 动态附加选项并禁用已选中的选项

我有动态添加的选项，我想禁用以前选择的选项。这是我的密码

<select class="form-control select2i " name="i_name[]" required="">             
    <option value="">Select Investor</option>
    <option value="1">Self Capital</option>              
    <option value="11">Mr. ABC</option>
</select>

选择投资者
自有资本
ABC先生

这是我的JS代码

$(document).on('click','.add_more_items', function() { 

    //click on add_more_items button a new select list is append
    var arr_selected = $('select.select2i').map(function() {

        return this.value
    }).get();

    $(".select2i option").each(function() {
        var arr_new = $(this).val();

        for (var i=0; i<arr_new.length; i++) {

            for (var j=0; j<arr_selected.length; j++) {

                if (arr_new[i] == arr_selected[2]) {
                    var option = $("option[value='" + arr_new[i] + "']", this);
                    option.attr("disabled","disabled");
                }
            }
        }
    });
});

$（文档）。在（'单击'，'上。添加更多项'，函数（）{
//单击“添加更多项目”按钮，将添加一个新的选择列表
var arr_selected=$（'select.select2i'）.map（函数（）{
返回此.value
}).get（）；
$（“.select2i选项”）。每个（函数（）{
var arr_new=$（this.val（）；
对于（var i=0；i
组件会为您这样做。
多选框显示可用的选项，并且任何选定的选项都会变暗，如下所示：

我希望下面的代码能帮助您

<table id="products" border="0">
  <tr>
    <td>
      <select class="form-control select2i " name="i_name[]" required="">             
    <option value="">Select Investor</option>
    <option value="1">Self Capital</option>              
    <option value="11">Mr. ABC</option>
</select>
    </td>
    <td><input type="text" value="" />
    </td>
    <td><button id="" class="add_more_items">Add</button>
    </td>
  </tr>
</table>
$(document).on('click', '.add_more_items', function() { //click on add_more_items button a new select list is append

  var prevRow = $('#products').closest('#products').find("tr:last-child");

  var cloned = prevRow.clone();
  cloned.insertAfter(prevRow);
  cloned.find('select option').each(function(index, option) {
    var prevRows = cloned.siblings().each(function(i, tr) {
      option.value !== $('select', tr).val() || $(option).prop('disabled', true);
    });
  });


});


选择投资者
自有资本
ABC先生
添加