如何基於表中列的值禁用下拉列表和按鈕

我有一組表，其中有一組列從數據庫中提取值以及每行中的下拉列表和按鈕。根據其中一列（YEAR）的值，需要禁用下拉列表（SALARY）和按鈕（UPDATE）。如何基於表中列的值禁用下拉列表和按鈕

我嘗試了兩種使用Javascript和Jquery的不同方法。但兩者似乎都不起作用。

1）我試圖觸發使用Javascript

上頁面加載事件

<body onload="dropdownDisabler();">

JavaScript部分：

function dropdownDisabler() 
{ 
    if ($("#YEAR").val() >= 2005) 
    { 
        $("#SALARY").enabled=false; 
        $("#UPDATE").enabled=false; 
    } 

}

2）I嘗試了所有具有使用JQuery一定條件的YEAR列元素匹配：

if($('#YEAR').val() >= 2005) 
{ 
    $(this).find("#SALARY").prop('disabled',true); 
    $(this).find("#UPDATE").prop('disabled',true); 
}

來源

2014-02-05 varun kumhar

您可以遍歷所有行，檢查一年的值和然後設置select和button元素上的殘疾人財產在該行：

$(document).ready(function() { 

    $("#UpdateSalary tbody tr").each(function(index) { 

     var $this = $(this); 
     if ($this.children("td:first").text() >= 2005) { 
      $this.find("select, button").prop("disabled", true); 
     } 

    }); 

});

jsFiddle Demo

注意，因爲你有多個行（我假設），你不應該使用的ID爲您的元素，ID's must be unique on each document。您可以使用類來更輕鬆地定位每行內的元素，例如<td class="year">2004</td>

來源

2014-02-06 01:17:04 jammykam

如何基於表中列的值禁用下拉列表和按鈕

回答

相關問題