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'를 얻으려면 선택기는 어떻게 표시될까요?

이것은 선택된 텍스트 값을 가져오는 방법을 묻는 것이 아니라 값 속성에 따라 선택 여부에 관계없이 그 중 하나를 가져오는 방법이라는 점에 유의하세요. 해봤습니다:

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

하지만 작동하지 않습니다.

질문에 대한 의견 (1)

값이 2인 옵션을 사용하려면 다음을 사용합니다.

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

현재 선택된 옵션을 가져오려면 다음을 사용합니다.

$("#list option:selected").text();
해설 (3)
해결책

'value' 속성이 2인 id 'list'를 가진 요소를 찾고 있습니다. 원하는 것은 'list'의 'option' 자식입니다.

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

완벽하게 전송할 수 있는 방법을 찾고 있었는데, 이 협력했습니다 가져다줄래요 옵션 포함) 는 mysql, 다음과 같은 두 개의 다른 값을 의해 생성된 일반 및 동적:

$ (이) ',' .text () 스피드 (option:selected&quot ";)

댓글 중 하나로 언급한 것처럼. 이와 함께 만들 수 있었는데 내가 바라는 건 모든 동적 기능을 사용할 수 있는 내 선택 옵션이 값뿐만 가치 및 텍스트 상자 모두 얻을 수 있습니다.

며칠 전 jQuery 1.6-1.9 로 업데이트 때 내가 있다는 사실을 알고 난 이 코드를 사용하는 사이트의 이 정지점을 작업 중. 아마 다른 코드를 충돌이 있었다. 아무튼 해결책은 찾기 () 에서 옵션을 제거하시겠습니까 전화:

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

그게 내 솔루션입니다. 그 후 아무런 문제가 사용할 경우에만 업데이트하십시오 포함한다.

해설 (2)

원래 HTML 기반으로 파올로 내가 올린 다음 지었지.

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

인터넷 익스플로러, 파이어폭스, 테스트됨 작업할 수 있다.

해설 (2)
  1. 하나만 있으면 그 페이지의 일부 태그에 # 39, & # 39 의 id 를 인사이드라면 list& 지정할 수 있습니다.

jQuery (옵션 선택 [value = 2] &quot ";) .text ();

  1. 선택한 텍스트를 얻을 수 있습니다.

jQuery (option:selected&quot 선택 ";) .text ();

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

'# 목록' 에 대한 가치를 선택한 여러 요소.

해설 (0)

다음을 시도해 보세요:

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

원래 스니펫이 작동하지 않는 이유는 OPTION 태그가 ID list를 가진 SELECT 태그의 하위 태그이기 때문입니다.

해설 (1)

이것은 오래된 질문 디스크입니다. diskid 업데이트되지 올바른 방법으로 사용할 수 있는 지금 이 시간 좀 약간만이라도

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

이렇게 하면 좋겠다 :-)

해설 (1)
$(this).children(":selected").text()
해설 (2)

선택한 내려받습니다 레이블에만 싶었다. 이 내 jQuery 1.5.1) 에서 근무했다.

$("#list :selected").text();
해설 (0)

선택한 텍스트를 ',' () 함수를 사용하여 .text 옵션을 볼 수 있습니다.

다음과 같은 함수를 호출할 수 있습니다

jQuery("select option:selected").text();
해설 (0)
$("#list [value='2']").text();

뒤에 공간을 남겨두십시오 id 선택기를.

해설 (0)

동시에 looping&quot "; 선택할 수 있는 요소를 통해 동적으로 생성된 그레이크 (함수 (). '$ (&quot option:selected";)' 와 '$ (이 + &quot, .text (); text () '대신 선택한 옵션을 반품하십시오 option:selected") 텍스트 - 전송되었기 nulll 않았다.

그러나 피터 Mortensen& # 39 의 솔루션이므로 협력했습니다:

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

왜 내가 알지 못하는 그레이크 () '는' 일반적인 방법으로 성공하지는 않는다 (아마 내 자신의 실수를) 이지만, 감사합니다, 피터. 내가 알고 있는 것이 아니다, 예를 들어 있지만, 원래 질문은 # 39 wasn& 키워봤지 &quot 새내기 Google.&quot 지나갑니다.

꼭 이래야겠어요 시작된 '$ 그레이크 (& # 39, # 목록*.직렬 option:selected") 와' 내가 필요한 물건을 잡기 위한 선택 요소를 제외한 () 에서 잘 알려져 있다.

해설 (0)

사용:

function selected_state(){
    jQuery("#list option").each(function(){
        if(jQuery(this).val() == "2"){
            jQuery(this).attr("selected","selected");
            return false;
        }
    });
}

jQuery(document).ready(function(){
    selected_state();
});
해설 (0)

내가 찾던 내부 필드에 의해 이름 대신 google ID 와 came from getting 발 않았다, 하지만 나는 attaboy 게시물로의 도움이 되는 이 솔루션을 찾기 데릭쉐퍼드와 솔루션 및 도착했군요.

이 때문에 선택한 값을 찾는 사람에게 도움이 될 수 있는 내부 이름 필드 기절해있는 id 를 사용하는 대신 SharePoint 목록:

var e = $('select[title="IntenalFieldName"] option:selected').text(); 
해설 (1)

이 질문에 내가 필요한 다른 방법으로 이 문제를 다루고 있으며, as I 는 동적으로 캐스트 객체에는 작동합니까 전혀 알지 못하고 있는 것처럼 보였다.

element.options[element.selectedIndex].text

이는 당연히 soundmixer. DOM 객체에는 노바루이 힐데노스 함께 해당 HTML 구문 분석, 대신, etc.

해설 (0)

Tip: 아래 코드를 동적입니다 경우 값을 사용할 수 있습니다.

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

또는 (나으뇨 스타일)

$("#list option").filter(function() {
     return this.value === aDynamicValue;
}).text();

Https://stackoverflow.com/questions/12135825/jquery-get-specific-option-tag-text-and-placing-dynamic-variable-to-the-value/12135848 언급한

해설 (0)

대안으로 솔루션을 사용할 수도 있습니다. [컨텍스트로 jQuery 선택기를 일부가] [1] ',' 요소 (s) 를 찾기 위해 &lt option&gt 2&quot. ',' 값 = &quot 내부의 드롭다운이 목록:

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

[1]: http://api.jquery.com/jQuery/ # jQuery1

해설 (0)

다음 중 하나의 방법으로 구할 수 있습니다.

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

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

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

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

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

$(function(){    

    console.log($("#list").find('option').filter('[value=2]').text());
    console.log($("#list").find('option[value=2]').text());
    console.log($("#list").children('option[value=2]').text());
    console.log($("#list option[value='2']").text());

});

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<select id='list'>
    Option A
    Option B
    Option C
해설 (0)

내가 원하는 것을 표시할 수 있는 최적의 선택을 위한 것이라고 선택되었음 여러 동적 버전 (강조표시할 I& 스피드 (이) '및' $ # 39; d 에서 읽을 것을. 이전 버전):


<script type="text/javascript">
    $(document).ready(function(){
        $("select[showChoices]").each(function(){
            $(this).after("<span id='spn"+$(this).attr('id')+"' style='border:1px solid black;width:100px;float:left;white-space:nowrap;'> </span>");
            doShowSelected($(this).attr('id'));//shows initial selections
        }).change(function(){
            doShowSelected($(this).attr('id'));//as user makes new selections
        });
    });
    function doShowSelected(inId){
        var aryVals=$("#"+inId).val();
        var selText="";
        for(var i=0; i
    opt 1
    opt 2
    opt 3
    opt 4
해설 (0)