Javascript 当选择选项中的值已被其他选择选项选中时，如何禁用该值

所以，我有一个简单的形式，像这样：

<div class="form-group">
<label class="">No Inventaris</label>
<div id="container">
    <input type="button" name="noInv" class="form-control" id="add_field" value="Klik untuk membuat text field baru"><br>
    <script type="text/javascript">
    var count = 0;
    $(function(){
        $('#add_field').click(function(){
            count += 1;
            $('#container').append(
                '<strong >No Inv Barang Ke ' + count + '</strong><br />' 
                + '<select id="field_' + count + '" name="fields[]' + '"  class="form-control no_inv"><?php $noInv = $this->modelku->select_inv() ?> <?php foreach($noInv->result() as $inv){ ?> <option value="<?php echo $inv->no_inv ?>"><?php echo $inv->no_inv ?></option><?php } ?></select><br>' );

        });
    });
    </script> 

</div>

---

我的问题：如果选择选项中的值已被另一个选择选项选中，如何禁用该值？

如果需要，请尝试此操作

我刚刚创建了一个示例下拉列表，在jquery中，我使用所有选择选项的类触发事件更改，然后我将获取选择和id的值。获取值后，我检查val是否为空，如果不为空，那么我将对所有选择和获取其id属性使用each函数，以便将其与选择的id，如果它们的id不相同，则我将使用所选下拉列表的相同值禁用该选项

我使用焦点事件来获取以前的值，这样我就可以重置用户是否更改所选选项的值

$document.readyfunction{ $'body'。单击“添加”字段，函数{ 计数+=1； $'container'。追加 “没有投资巴朗克”+计数+ +'选择测试1测试2测试3'； }; var计数=0； var-previous； var selectedData=[]； $“正文”。在“单击”时，选择“替换”函数{ previous=此值； }; $'body'。在'change'上，选择'alternate'，函数{ var val=该值； var id=$this.attr'id'； Iffal！={ $。选择_alternate.eachfunction{ var newID=$this.attr'id'； ifid！=新ID{ $+newID.children'option[value='+val+']'.prop'disabled'，true； $+newID.children'option[value='+previous+']'.prop'disabled'，false； selectedData.splice$.inarayVal，selectedData，1； }否则{ 选择data.pushval； } }; }否则{ $。选择_alternate.eachfunction{ var newID=$this.attr'id'； ifid！=新ID{ $+newID.children'option[value='+previous+']'.prop'disabled'，false； } }; } }; }; 没有发明家

---

我没有为“添加新选择选项”按钮添加任何代码，因为我们这里的主要目标只是在other select Inputh中禁用和启用选项。谢谢您的回答，但是您的选择选项是手动创建的，选择选项的值不是从数据库获取的。我上面的脚本是：当我点击按钮时，选择选项将自动创建，选择选项的值来自数据库。因此，当我点击按钮2x时，2选择选项将自动创建，等等，我只是出于示例目的删除该按钮。你可以按一下按钮试试。是否要我添加按钮“添加选择输入”的代码？检查我的编辑我已在此处创建了一个数组命名selectedData我将向该数组变量提供输入的选定值，然后您可以在“添加字段”事件中添加一个条件，以立即禁用新的附加输入。在select字段中添加选项之前，可以在foreach语句中使用它。如果selectedData包含该字段，请检查它，然后在选项中添加disable，即是

public function select_inv()
{
    $this->db->select("no_inv");
    $this->db->from('detail_barang');
    $this->db->where("kondisi = 'Ada' ");
    $query = $this->db->get();
    return $query;
}