Question

这是我的HTML代码。

   <table>
   <tr>
   <td>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" selected="selected">A</option>
   <option value="2">B</option>
   <option value="3">C</option>
   </select>
   </td>
   <td>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" >Yes</option>
   <option value="2">No</option>
   <option value="3">N.A.</option>
   </select>
   </td>
   </tr>
   <td>
   <select class="dropdown">
   <option value="">Select answer</option>
   <option value="1" >Yes</option>
   <option value="2">No</option>
   <option value="3">N.A.</option>
   </select>
   </td>
   </table>

这是我的jquery代码。

                     $('TABLE TR').find('select:first').each(function()
                     {
                      if($(this).find("option:selected").text()=="A")
                      {
                        $(this).next("select").find("option[value='Yes']").remove();
                      }
                     });

我想根据第一个下拉框的值删除下一个下一个下拉值。请有人帮忙..

Answer 1

试试这个jQuery：

$('TABLE TR select:first').each(function() {
    if($(this).find("option:selected").text()=="A")
    {
        $('TABLE TR select:eq(1)').find("option[value='1']").remove();
    }
});

此代码将从第二个下拉列表中删除“是”选项。它似乎正是你想要的。

Answer 2

试试这个

  $('TABLE').find('select:first').change(function()
                 {
                  if($(this).find("option:selected").text()=="A")
                  {  $('Table').find('Select').eq(1).find("option[value='1']").remove();
                  }
                 });

Answer 3

替换你的jquery代码行＃5

$（本）的.next（ “选择”）找到（ “选项[值= '是']”）除去（）;

使用

$（'TABLE TR select：eq（1）'）。find（“option [value ='1']”）。remove（）;

根据在下拉列表中选择的选项从下拉列表中删除一个选项

3 个答案: