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

질문자 :haddar

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

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

rahul

이 시도:

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

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

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

kgiannakakis

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

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

나를 위해 작동하지 않았지만 이것은 다음과 같이 작동했습니다.

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

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

JYX

변수에 사용 가능한 드롭다운 목록이 이미 있는 경우 다음과 같이 작동합니다.

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

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

업데이트: 위의 링크 수정

Kirk Liemohn

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

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

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

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

Prabhagaran

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

Rafael

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

Neeraj

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

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

jQuery 버전: 1.9.1

Binita Bharati

선택한 항목의 텍스트에 대해 다음을 사용합니다.

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

선택한 항목의 값에 대해 다음을 사용합니다.

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

Kamrul

다양한 방법

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text();

MaxEcho

이것을 사용

 const select = document.getElementById("yourSelectId"); const selectedIndex = select.selectedIndex; const selectedValue = select.value; const selectedText = select.options[selectedIndex].text;

selectedValue 및 selectedText 내부에서 선택한 값과 텍스트를 가져옵니다.

Mohammed Shaheen MK

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

124

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

그러면 올바른 방향을 찾는 데 도움이 될 것입니다. 위의 코드는 완전히 테스트되었으며 추가 도움이 필요하면 알려주십시오.

Zarni

SharePoint 목록을 사용 중이고 생성된 긴 ID를 사용하지 않으려는 경우 다음과 같이 작동합니다.

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

FAA

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

#selectID 대신 .selectClass using class와 같은 jQuery 선택기를 사용할 수 있습니다.

여기 문서에 언급된 대로 .

:selected 선택기는 <option> 요소에 대해 작동합니다. 체크박스나 라디오 입력에는 작동하지 않습니다. 사용 :checked 했습니다.

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

하위 항목을 포함하여 일치하는 요소 집합에서 각 요소의 결합된 텍스트 내용을 가져옵니다.

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

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

Nikhil Agrawal

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

이것은 잘 작동합니다

Thangamani Palanisamy

선택한 값을 사용하려면

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

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

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

Mojtaba

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

Nikul

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

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

Sandeep Shekhawat

노력하다:

 $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/

Vishal Thakur

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

Kalaivani M

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

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

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

Muddasir23

사용하다:

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

kishore

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

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

Mohammad Dayyan

이 작업은 다음과 같습니다.

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

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

Rhaymand Tatlonghari

형제자매의 경우

 <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()

vineet

 $(function () { alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').text()); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <select id="selectnumber"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <option value="4">four</option> </select> </div> </form> </body> </html>

Bhanu Pratap

이 코드는 저에게 효과적이었습니다.

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

Naveenbos

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

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

max

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

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

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

shyamm

출처 : http:www.stackoverflow.com/questions/1643227/get-selected-text-from-a-drop-down-list-select-box-using-jquery