어드민, Author at 리뷰나라

[javascript] jQuery는 특정 옵션 태그 텍스트를 얻습니다.

좋아, 내가 이것을 가지고 있다고 말하십시오.

<select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select>

값이 ‘2’인 경우 “옵션 B”를 얻으려면 선택기가 어떻게 표시됩니까?

이것은 선택된 텍스트 값 을 얻는 방법을 묻는 것이 아니라 value 속성에 따라 선택 여부에 관계없이 그중 하나만 선택 한다는 점에 유의하십시오 . 나는 시도했다 :

$("#list[value='2']").text();

그러나 작동하지 않습니다.

이 ID를 가진 요소에 대해 찾고 list속성을 가지고 value같음 2.
당신이 원하는 것은 인 option의 자녀 list:

$("#list option[value='2']").text()

값이 2 인 옵션을 얻으려면

$("#list option[value='2']").text();

현재 선택된 옵션을 얻으려면

$("#list option:selected").text();

이것은 나를 위해 완벽하게 작동했으며 MySQL에서 생성 된 옵션으로 두 가지 다른 값을 보내는 방법을 찾고 있었고 다음은 일반적이며 역동적입니다.

의견 중 하나에서 언급했듯이. 이를 통해 옵션 값과 텍스트 값을 모두 얻으려는 모든 선택 상자에서 작동하는 동적 함수를 만들 수있었습니다.

며칠 전 나는 jQuery를 사이트의 1.6에서 1.9로 업데이트 할 때이 코드를 사용했는데 작동이 멈췄을 것입니다 … 아마도 다른 코드와 충돌했을 것입니다 … 어쨌든, 해결책은 옵션에서 옵션을 제거하는 것이 었습니다 find () 호출 :

$(this).find(":selected").text();

그게 내 해결책이었습니다 … jQuery를 업데이트 한 후 문제가있는 경우에만 사용하십시오.

Paolo가 게시 한 원본 HTML을 기반으로 다음을 생각해 냈습니다.

$("#list").change(function() {
    alert($(this).find("option:selected").text()+' clicked!');
});

Internet Explorer 및 Firefox에서 작동하도록 테스트되었습니다.

$("#list option:selected").each(function() {
   alert($(this).text());
});

#list요소 에서 여러 선택된 값에 대해 .

페이지에 select 태그가 하나만 있으면 id ‘list’내부에서 select를 지정할 수 있습니다.
```
jQuery("select option[value=2]").text();
```

선택된 텍스트를 얻으려면

jQuery("select option:selected").text();

다음을 시도하십시오 :

$("#list option[value=2]").text();

당신 때문에 원래 조각이 작동하지 않는 이유는 OPTION태그가 당신에 자녀 SELECT이 태그는, id list.