javascript - 检查选择的标签是否具有相同的值

Question

所以我有 4 个具有相同类别的选择(无 ID)，并且我希望当我选择一个选项时在其他选择中禁用它，

<select name="column_type[]" class="form-control column_type">
 <option value="none">Ne pas Importer</option>
 <option value="mobile">Mobile</option><option value="mail">Email
 </option><option value="lname">Nom</option>
</select>
....

所以，如果有人有任何想法，我将非常感激。

Answer 1

根据我对您问题的理解，当您在 select 标记中选择一个选项时，它会禁用所有其他 select 标记:

JS:

function onOptionChange(elem){
     var selects=document.getElementsByClassName("form-control column_type");
     for(var i=0;i<n;i++)
       if(selects[i]!=elem)
         selects[i].options[elem.selectedIndex].disabled=true;
    }

HTML:

<select name="column_type[]" class="form-control column_type" onChange="return onOptionChange(this)">
  <option value="none">Ne pas Importer</option>
  <option value="mobile">Mobile</option><option value="mail">Email</option>
  <option value="lname">Nom</option>
</select>

如果这不是你想要的，我会编辑答案