javascript - 在每个表格单元格中选择下拉菜单后将其删除

Question

我有一个表，包含两行。

在每个 td 中，我的内容都是一个选择下拉列表。

下图已经说明了一切。

我要实现的是，我需要从一个 td 的下拉列表中选择一个选项，并从其他 td 中删除该选项。

例如，我从第一个 td 的下拉列表 1 中选择一个值 abc。

然后，必须从所有 td 的所有其他下拉列表中删除值 abc。

这是一些代码:

HTML:

<select id="sameidforalltds"><option> abc </option><option> def </option>/select>  

还有 jQuery:

var getAllSelect = $("#Tablelayout_2").find('select');
            var selectDropdownValue = $(this).find($("option:selected").val());
            if(!($(getAllSelect).has(selectDropdownValue)))
            {
                $('select').remove(selectDropdownValue);
            }

但这似乎不起作用。

有不对的地方请多多指教。

Answer 1

试试这个例子

HTML

<select class="ddl">
<option value="0"> Select </option>
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
<option value="4"> Four </option>
<option value="5"> Five </option>
<option value="6"> Six </option>
</select>  
<select class="ddl">
<option value="0"> Select </option>
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
<option value="4"> Four </option>
<option value="5"> Five </option>
<option value="6"> Six </option>
</select>  
<select class="ddl">
<option value="0"> Select </option>
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
<option value="4"> Four </option>
<option value="5"> Five </option>
<option value="6"> Six </option>
</select>  
<select class="ddl">
<option value="0"> Select </option>
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
<option value="4"> Four </option>
<option value="5"> Five </option>
<option value="6"> Six </option>
</select>  
<select class="ddl">
<option value="0"> Select </option>
<option value="1"> One </option>
<option value="2"> Two </option>
<option value="3"> Three </option>
<option value="4"> Four </option>
<option value="5"> Five </option>
<option value="6"> Six </option>
</select>  

脚本

$('.ddl').change(function(){
   if($(this).val()!="0") {  
       $('select[class="ddl"]').not($(this)).find('option[value="'+$(this).val()+'"]').remove();
   }
})

Working Fiddle

这会对你有帮助。