jQuery를 사용하여 드롭 다운 목록 (선택 상자)에서 선택한 텍스트 가져 오기

jQuery 의 드롭 다운 목록 에서 선택한 텍스트 (선택한 값이 아닌)를 어떻게 얻을 수 있습니까?

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

이 시도:

$("#myselect :selected").text();

ASP.NET 드롭 다운의 경우 다음 선택기를 사용할 수 있습니다.

$("[id*='MyDropDownId'] :selected")

예를 들어 여기에 게시 된 답변

$('#yourdropdownid option:selected').text();

나를 위해 작동하지 않았지만 이것은 효과가있었습니다.

$('#yourdropdownid').find('option:selected').text();

이전 버전의 jQuery 일 수 있습니다.

변수에 드롭 다운 목록을 이미 가지고 있다면 이것이 나를 위해 작동합니다.

$("option:selected", myVar).text()

이 질문에 대한 다른 답변이 도움이되었지만 궁극적으로 jQuery 포럼 스레드 $ (this + "option : selected"). attr ( "rel") 옵션이 IE에서 작동하지 않는 것이 가장 도움이되었습니다.

업데이트 : 위의 링크를 수정

이것은 나를 위해 작동

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

요소가 동적으로 생성 된 경우

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val() 선택한 인덱스 값을 제공합니다.

이것은 나를 위해 작동합니다 :

$('#yourdropdownid').find('option:selected').text();

jQuery 버전 : 1.9.1

선택한 항목의 텍스트에 다음을 사용하십시오.

$('select[name="thegivenname"] option:selected').text();

선택한 항목의 값으로 다음을 사용하십시오.

$('select[name="thegivenname"] option:selected').val();

다양한 방법

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

이것을 사용하십시오

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

그런 다음 선택한 값과 텍스트 내부의 취득 selectedValue및 selectedText.

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

올바른 방향을 찾는 데 도움이됩니다. 위의 코드는 추가 도움이 필요하면 완전히 테스트되었습니다.

사용하는 사람들을 위해 셰어 포인트 목록과 긴 생성 된 ID를 사용하지 않으려는,이 작동합니다 :

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

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

대신 클래스 사용 #selectID과 같은 모든 jQuery 선택기를 사용할 수 있습니다 .selectClass.

여기 문서에 언급 된대로 .

: selected 선택기는 <option> 요소에서 작동합니다. 확인란 또는 라디오 입력에는 작동하지 않습니다. :checked그들을 위해 사용하십시오 .

.text () 여기 문서 에 따라 .

하위 요소를 포함하여 일치하는 요소 세트에서 각 요소의 결합 된 텍스트 컨텐츠를 가져옵니다.

따라서 .text()메소드를 사용하여 HTML 요소에서 텍스트를 가져올 수 있습니다 .

자세한 설명은 설명서를 참조하십시오.

$("select[id=yourDropdownid] option:selected").text()

이것은 잘 작동합니다

선택된 가치 사용을 위해

$('#dropDownId').val();

선택한 항목 텍스트를 얻으려면 다음 줄을 사용하십시오.

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

$('#id').find('option:selected').text();

jQuery에서 드롭 다운 / 선택 변경 이벤트에서 텍스트 및 선택한 값 선택

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

다음 코드를 시도하십시오.

var text= $('#yourslectbox').find(":selected").text();

선택한 옵션의 텍스트를 반환합니다.

사용하다:

('#yourdropdownid').find(':selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

다음은 나를 위해 일했습니다.

$.trim($('#dropdownId option:selected').html())

이것은 나를 위해 작동합니다 :

$("#city :selected").text();

jQuery 1.10.2를 사용하고 있습니다.

형제의 경우

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

시험:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

또는 옵션의 텍스트를 얻으려면 다음을 사용하십시오 text().

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

더 많은 정보:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

결과를 목록으로 표시하려면 다음을 사용하십시오.

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

$("#dropdown").find(":selected").text();


$("#dropdown :selected").text();

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

$("#dropdown").children(":selected").text();

이 코드는 나를 위해 일했습니다.

$("#yourdropdownid").children("option").filter(":selected").text();