javascript - 为什么显示 SELECT 值没有变化？

Question

当页面加载时，我期望值<option value="B">B</option>变为红色。它没有用。为什么？

jQuery

$(document).ready(function () {
  $('[name=HeaderFields] option[value="B"]').val('red');
});

落下：

<select name="HeaderFields" style="width:60px">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

Answer 1

val()设置与可见文本不同的表单字段的值。通过检查源代码，这在 Chrome 中对我来说是正确的。SELECT

如果您要更改可见文本，请使用html()或text()。

见：http: //jsfiddle.net/6dSQX/

Answer 2

在option标签中，值属性和显示文本是两个不同的东西。

<option value="I am sent to the server">I am displayed to the user</option>

因此，如果您想更改显示的文本，请使用 jQuery 的text方法。

Answer 3

“B”的值变为“红色”

不是文本。

如果您查看 html 页面的源代码，您应该会看到

<option value="red">B</option>

Answer 4

值更改工作正常。但是，如果我们假设字体颜色更改是您的意思，您应该将您的 javascript 更改为：

$(document).ready(function () {
  $('[name=HeaderFields] option[value="B"]').css('font-color', 'red');
}