Javascript jquery更改占位符属性值

我有这张桌子

$（文档）.ready（函数（）{
$（'#f05_0002'）。更改（函数（）{
如果（$（“#f05_0002”）.val（）==“偏离轨道”）{
$（“#f06_0002”）.attr（“占位符”，“请说明未实现的内容，要实现的建议”）；
};
如果（$（“#f05_0002”）.val（）==“正常”）{
$（“#f06_0002”）.attr（“占位符”，“请说明确切的成绩”）；
};
});
});

地位
周
偏离轨道
正轨
偏离轨道
正轨
偏离轨道
正轨
一种方法是使用
$（'select[id^=“f05_000]”）来完成此操作。

它将选择所有
select
，该
id
以
f05\u 000
开头

然后我们可以使用
var id=$（this.attr（“id”）.split（“"”）[1]

最后选择带有
$（“#f06"+id）


$（文档）.ready（函数（）{
$（'select[id^=“f05_000”]”）。更改（函数（）{
var id=$（this.attr（“id”）.split（“'）[1]；
如果（$（this.val（）==“偏离轨道”）{
$（“#f06"+id）.attr（“占位符”，“请说明未实现的内容，要实现的建议”）；
};
如果（$（this.val（）==“正常”）{
$（“#f06"+id）.attr（“占位符”，“请说明确切的成绩”）；
};
});
});

地位
周
偏离轨道
正轨
偏离轨道
正轨
偏离轨道
正轨
假设您的行结构
相同，您可以在下面尝试使用
类而不是
id
的通用代码：

$(document).ready(function() {
    $('.u-TF-item--select').change(function() {

        if ($(this).val() =="OFF TRACK") {
            //find the parent tr and then look for element with class u-TF-item--textarea
            $(this).closest("tr").find(".u-TF-item--textarea").attr("placeholder","Please state what's not achieved, recommendations to be achieved");
        };

        if ($(this).val() =="ON TRACK") {
            $(this).closest("tr").find(".u-TF-item--textarea").attr("placeholder","Please state the exact achievement");
        };

    });

});

不需要重复代码，只需像这样编写通用代码。我们可以像这样遍历DOM元素
$（this）.closest（“tr”）.find（'textarea'）.attr（“占位符”）


$（文档）.ready（函数（）{
$（'select'）.change（函数（）{
如果（$（this.val（）==“偏离轨道”）{
$（this）.closest（“tr”）.find（“textarea”）.attr（“占位符”，“请说明未实现的内容，要实现的建议”）；
}
如果（$（this.val（）==“正常”）{
$（this）.closest（“tr”）.find（“textarea”）.attr（“占位符”，“请说明确切的成绩”）；
}
});
});

地位
周
偏离轨道
正轨
偏离轨道
正轨
偏离轨道
正轨
我鼓励您更好地缩进代码。尝试使用
.prop
-但可能无法满足if语句（存在额外的
}）在JS代码中。我不确定你的代码是这样的，还是粘贴到这里时出错了。我想建议你要么在所有公共元素中添加一个类，然后应用jquery函数，要么按照你建议的方式应用它。@Rajesh我在写这篇文章时说，没有解释的答案是不完整的，会吸引反对票。请确保在发布前添加正确的解释。祝你今天愉快。：-）谢谢你们所有人的回答，他们都对我有用如果我的答案有用，用绿色记号标记它，这对将来的用户参考很有用@GeorgeS。