2011-07-20 142 views
0

这是我的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(); 
         } 
        }); 

我想根据第一个下拉框的值删除直接下一个下拉值。请人帮助..

+1

(不是答案)最后你在开头缺少'​​'而在末尾缺少''。 –

+1

并且'Yes'选项的值不是'Yes'它是'1' –

回答

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(); 
    } 
}); 

此代码将删除从第二个下拉“是”选项。看来,这正是你想要的。

1

试试这个

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

替换jQuery代码行#5

$(本)。接下来( “选择”)。找到( “选项[值= '是']” )。去掉(); 。

随着

$( '表TR选择:当量(1)')发现( “选项[值= '1']”)除去();

相关问题