왜 표시 값이 변경되지 않는가?

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

에 "빨간색" "B"변경

없는 텍스트의 값입니다. 당신이 HTML 페이지의 소스를 보면

당신이 option 태그에서

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

Answer 3

을 볼 수, 값 속성과 표시되는 텍스트는 다른 두 가지입니다. 당신이 표시된 텍스트를 변경하려는 경우

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

그래서, jQuery의 text 방법을 사용합니다.

Answer 4

값 변경이 정상적으로 작동합니다. '[이름 = "HeaderFields"] 옵션 [값 = "B"를]를 선택합니다'(이`$를 시도

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