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()设置表单字段的值，其中SELECT与可见文本不同。这个works correctly适合我在Chrome中使用您的示例检查来源。

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

请参阅：http://jsfiddle.net/6dSQX/

Answer 2

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

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

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

Answer 3

“B”的值变为“红色”

不是TEXT。

如果您查看html页面的来源，您应该看到

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

Answer 4

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

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

为什么显示SELECT值不变？

4 个答案: