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

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

해결법

1. ---

   1.

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

2. ---

   2.이 시도:

   이 시도:

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

   하는 ASP.NET를 들어 다음과 같은 선택을 사용할 수 있습니다 드롭 다운 :

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

3. ---

   3.대답은, 예를 들어, 여기에 게시

   대답은, 예를 들어, 여기에 게시

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

   나를 위해 작동하지만이하지 않았다 :

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

   그것은 아마도 jQuery를 이전 버전입니다.

4. ---

   4.이미 변수에 사용할 수있는 드롭 다운리스트가있는 경우, 이것은 나를 위해 작동 것입니다 :

   이미 변수에 사용할 수있는 드롭 다운리스트가있는 경우, 이것은 나를 위해 작동 것입니다 :

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

   이 질문에 다른 대답은 나에게 도움이 있지만, 궁극적으로 jQuery를 포럼 스레드 $ (이 + "옵션 : 선택"). IE에서 작동하지 않는 선택 ATTR ( "확인해") 옵션은 가장 도움이되었다.

   업데이트 : 위의 링크가 고정

5. ---

   5.이것은 나를 위해 작동

   이것은 나를 위해 작동

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

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

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

6. ---

   6.

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

7. ---

   7.$ ( "#은 DropDownID"). () 선택된 인덱스 값을 줄 것이다 발.

   $ ( "#은 DropDownID"). () 선택된 인덱스 값을 줄 것이다 발.

8. ---

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

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

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

   jQuery를 버전 : 1.9.1

9. ---

   9.선택한 항목, 사용의 텍스트를 들면 :

   선택한 항목, 사용의 텍스트를 들면 :

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

   선택한 항목, 사용의 값 :

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

10. ---

    10.다양한 방법

    다양한 방법

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

11. ---

    11.

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

12. ---

    12.이것을 사용

    이것을 사용

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

    그럼 당신은 selectedValue 및 selectedText 내부에 선택한 값과 텍스트를 얻는다.

13. ---

    13.

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

    그것은 당신이 올바른 방향을하는 데 도움이 될 것입니다. 당신이 추가 지원이 알려해야하는 경우 위의 코드 완벽하게 테스트됩니다.

14. ---

    14.SharePoint 목록을 사용하고 긴 생성 된 ID를 사용하지 않는 사람들을 위해,이 작동합니다 :

    SharePoint 목록을 사용하고 긴 생성 된 ID를 사용하지 않는 사람들을 위해,이 작동합니다 :

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

15. ---

    15.

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

    대신 #selectID 당신은 클래스를 사용하여 .selectClass처럼, 어떤 jQuery를 선택 사용할 수 있습니다.

    여기에 문서에서 언급 한 바와 같이.

    : 선택한 선택은 <옵션> 요소를 사용할 수 있습니다. 이 체크 박스 또는 라디오 입력이 작동하지 않습니다; 사용 그들을 위해 확인.

    여기에 문서 당으로는 .text ().

    그들의 후손을 포함하여 일치하는 요소의 집합의 각 요소의 결합 된 텍스트 내용을 가져옵니다.

    그래서 당신은는 .text () 메소드를 사용하는 HTML 요소의 텍스트를 취할 수 있습니다.

    더 깊은 설명은 설명서를 참조하십시오.

16. ---

    16.

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

    이 작품 벌금

17. ---

    17.선택된 값 사용을 얻기 위해

    선택된 값 사용을 얻기 위해

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

    선택된 항목의 텍스트를 얻기 위해이 줄을 사용 :

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

18. ---

    18.

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

19. ---

    19./ 드롭 다운에 텍스트 및 선택 값을 선택 jQuery를에 변경 이벤트를 선택

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

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

20. ---

    20.시험:

    시험:

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

    또는 옵션을 사용하여 텍스트 ()의 텍스트를 얻을 수 있습니다 :

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

    더 많은 정보:

21. ---

    21.간단하게 다음 코드를 사용해보십시오.

    간단하게 다음 코드를 사용해보십시오.

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

    그것은 선택된 옵션의 텍스트를 반환합니다.

22. ---

    22.사용하다:

    사용하다:

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

23. ---

    23.

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

24. ---

    24.다음은 나를 위해 일한 :

    다음은 나를 위해 일한 :

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

25. ---

    25.나를 위해이 작품 :

    나를 위해이 작품 :

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

    내가 jQuery를 1.10.2을 사용하고 있습니다

26. ---

    26.형제 경우

    형제 경우

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

27. ---

    27.() {(기능 $ '. 발 () ='. 경고 (+ $ ( '#의 selectnumber') 발 () + '와 HTML () ='+ $ ( '#의 selectnumber 옵션 : 선택') HTML () + 'AND는 .text (. ) = '+ $ ('#의 selectnumber 옵션 : 선택 ') 텍스트 ()). }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">