2011-07-20 186 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']」)除去();

相關問題