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

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

이것으로 충분합니다.

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

jQuery 버전: 1.9.1

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

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

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

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

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

이것을 사용하다

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

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

그런 다음 선택한 값과 텍스트를 안에 넣습니다.selectedValue그리고.selectedText.

다양한 방법

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

var someName = "Test";

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

그것은 당신이 올바른 방향을 잡는 데 도움이 될 것입니다.만약 도움이 더 필요하다면 위의 코드는 완전히 테스트되어 있습니다.

SharePoint 목록을 사용하고 있고 길게 생성된 ID를 사용하지 않으려는 경우 다음과 같이 하십시오.

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

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

대신#selectID임의의 jQuery 셀렉터를 사용할 수 있습니다..selectClass수업 사용.

여기 설명서에서 설명한 바와 같이

: selected 실렉터는 <option> 요소에 대해 기능합니다.체크 박스나 무선 입력에서는 동작하지 않습니다.사용하세요.:checked그들을 위해.

.text() 여기 설명서에 따라 주세요.

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

따라서 임의의 HTML 요소에서 텍스트를 가져올 수 있습니다..text()방법.

상세한 것에 대하여는, 메뉴얼을 참조해 주세요.

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

이 정도면 잘 동작합니다.

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

선택한 값을 얻기 위해 사용

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

선택한 항목 텍스트를 가져오려면 다음 줄을 사용합니다.

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

jQuery에서 Text 및 selected value on 드롭다운/변경 이벤트 선택

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

이 암호는 나에게 효과가 있었어.

$("#yourdropdownid").children("option").filter(":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/

다음 코드를 사용해 보십시오.

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

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

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

용도:

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

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


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

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

$("#dropdown").children(":selected").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()

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

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

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

언급URL : https://stackoverflow.com/questions/1643227/get-selected-text-from-a-drop-down-list-select-box-using-jquery