个人中心
gpt4 book ai didi

javascript - 如何根据表中列的值禁用下拉菜单和按钮

转载 作者：行者123 更新时间：2023-11-30 17:38:17 26 4
gpt4 key购买 nike

我有一个表，其中包含一组从数据库中获取值的列以及每行中的下拉菜单和按钮。根据其中一列 (YEAR) 的值，需要禁用下拉列表 (SALARY) 和按钮 (UPDATE)。

我使用 Javascript 和 Jquery 尝试了两种不同的方法。但两者似乎都不起作用。

1) 我尝试使用 Javascript 在页面加载时触发事件

<body onload="dropdownDisabler();">

Javascript 部分:

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

}

2) 我尝试使用 JQuery 匹配具有特定条件的所有 YEAR 列元素:

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

最佳答案

您可以遍历所有行，检查年份的值，然后在 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>

关于javascript - 如何根据表中列的值禁用下拉菜单和按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21591276/

26 4 0
文章推荐： c# - Visual Studio 编译时 SQL 验证
文章推荐： c - 在C中，如何创建多个子进程(不知道需要多少个)？
文章推荐： c# - 使用 Roslyn CodeAnalyzer 将命名空间添加到类
文章推荐： c - 数组内容消失