使用 JQuery 更改输入字段的背景颜色答案

【问题标题】：Chaging the background color of an input field with JQuery使用 JQuery 更改输入字段的背景颜色
【发布时间】：2018-04-19 03:46:35
【问题描述】：

我正在尝试根据另一个输入字段的值更改表单上一个输入字段的背景颜色。虽然以下代码可以正确更改字段的只读属性，但以下 3 行代码以及我尝试过的许多其他代码似乎都无法更改背景颜色。

               if(names[6] == "Yes") {

                    $('#add_at_inv2_client').val(names[3]);

                    $('add_at_inv2_client').prop('background-color','#fefefe');
                    $('#add_at_inv2_client').prop('object.style.backgroundColor="#fefefe"');
                    $('add_at_inv2_client').css('background', '#fefefe');

                    $('#add_at_inv2_client').prop('readonly',false);

                } else {

                    $('#add_at_inv2_client').val(names[3]);

                    $('add_at_inv2_client').prop('background-color','#cccccc');
                    $('#add_at_inv2_client').prop('object.style.backgroundColor="#cccccc"');
                    $('add_at_inv2_client').css('background', '#cccccc');

                    $('#add_at_inv2_client').prop('readonly',true);

                }

有人可以帮我实现吗？

谢谢，阿德里

【问题讨论】：

您需要标签 ID 中的 # 用于 .css 和 .prop 用于背景颜色。
最好也共享 html，以便其他人可以知道您尝试更改颜色的元素是什么

标签： jquery input field background-color

【解决方案1】：

您的选择代码中缺少#，
所以改变
$('add_at_inv2_client').css('background', '#fefefe');
到
$('#add_at_inv2_client').css('background', '#fefefe');

【讨论】：

【解决方案2】：

您缺少 ID 属性

$('#add_at_inv2_client').css('background', '#cccccc'); // # missing from start

【讨论】：

【解决方案3】：

对background-color 属性使用css() 方法。并使用 .选择器之前的类和# id。

$('#selector').css({"background-color":"#fefefe"});

【讨论】：

我想知道为什么你的声誉在过去下降了这么多？我们需要避免它
@lucumt 你拼错了我的名字。

【解决方案4】：

谢谢！我一直在复制和粘贴所有没有 #

的试验

我现在已经解决了这个问题，它似乎工作正常！

$('#add_at_inv2_client').attr('style','background-color:#fefefe;');

谢谢大家，阿德里

【讨论】：