[JQUERY] 어떤 선택 나는 그것의 텍스트 별 옵션을 선택해야합니까?

어떤 선택 나는 그것의 텍스트 별 옵션을 선택해야합니까?

해결법

1. ---

   1.이 도움이 될 수 :

   이 도움이 될 수 :

   $('#test').find('option[text="B"]').val();
   

   데모 바이올린

   이것은이 도움이 당신에게 B. 희망이 포함되어 텍스트가 텍스트 B와 옵션이 아닌 사람을 줄 것이다

   jQuery를 최근 버전의 위 작동하지 않습니다. 아래 당혹 댓글을 달았습니다,이는 jQuery를 1.9.1 작동 것입니다 :

   $('#test option').filter(function () { return $(this).html() == "B"; }).val();
   

   업데이트 바이올린

2. ---

   2.특정 텍스트를 포함하는 요소를 선택 포함 () 선택 : 사용자가 사용할 수 있습니다. 예를 들면 :

   특정 텍스트를 포함하는 요소를 선택 포함 () 선택 : 사용자가 사용할 수 있습니다. 예를 들면 :

   $('#mySelect option:contains(abc)')
   

   있는지 여부를 확인하는 <선택> 특정 요소가 이러한 옵션이 상기 .has () 메소드를 사용

   if (mySelect.has('option:contains(abc)').length)
   

   이러한 옵션을 포함의 모든 <선택> 확인하려면 사용 : 선택) (이 :

   $('select:has(option:contains(abc))')
   

3. ---

   3.내가 텍스트 상자의 값을 기준으로 목록의 선택된 인덱스를 설정하는 것을 시도하고 있기 때문에 jQuery를 1.7.2에서 나를 위해 일 이전 제안 및 텍스트 값 중 어느 것도 여러 옵션에 포함되지 않습니다. 나는 다음을 사용하여 종료 :

   내가 텍스트 상자의 값을 기준으로 목록의 선택된 인덱스를 설정하는 것을 시도하고 있기 때문에 jQuery를 1.7.2에서 나를 위해 일 이전 제안 및 텍스트 값 중 어느 것도 여러 옵션에 포함되지 않습니다. 나는 다음을 사용하여 종료 :

   $('#mySelect option:contains(' + value + ')').each(function(){
       if ($(this).text() == value) {
           $(this).attr('selected', 'selected');
           return false;
       }
       return true;
   });
   

4. ---

   4.저도 같은 문제가 아래에 직면 작업 코드입니다 :

   저도 같은 문제가 아래에 직면 작업 코드입니다 :

   $("#test option").filter(function() {
       return $(this).text() =='Ford';
   }).prop("selected", true);
   

   데모 : http://jsfiddle.net/YRBrp/83/

5. ---

   5.. 이것은 나를 위해 일한 : $ ( "# 테스트") 찾기 ( "옵션 ( 'ABC')를 포함");

   . 이것은 나를 위해 일한 : $ ( "# 테스트") 찾기 ( "옵션 ( 'ABC')를 포함");

6. ---

   6.이 드롭 다운리스트에서 텍스트를 선택하기위한 가장 좋은 방법입니다.

   이 드롭 다운리스트에서 텍스트를 선택하기위한 가장 좋은 방법입니다.

   $("#dropdownid option:contains(your selected text)").attr('selected', true);
   

7. ---

   7.나는 파이어 폭스와 IE 모두에서 작업 한을 가지고 때까지 나는이 일의 몇 가지를 시도했다. 이것은 내가 생각 해낸 것입니다.

   나는 파이어 폭스와 IE 모두에서 작업 한을 가지고 때까지 나는이 일의 몇 가지를 시도했다. 이것은 내가 생각 해낸 것입니다.

   $("#my-Select").val($("#my-Select" + " option").filter(function() { return this.text == myText }).val());
   

   보다 읽기 쉬운 방식으로 그것을 작성하는 또 다른 방법 :

   var valofText = $("#my-Select" + " option").filter(function() {
       return this.text == myText
   }).val();
   $(ElementID).val(valofText);
   

   의사 코드 :

   $("#my-Select").val( getValOfText( myText ) );
   

8. ---

   8.사용 다음

   사용 다음

   $('#select option:contains(ABC)').val();
   

9. ---

   9.나를 위해이 작품

   나를 위해이 작품

   $('#mySelect option:contains(' + value + ')').attr('selected', 'selected');
   

10. ---

    10.이 jQuery를 1.6 (오프닝 브래킷 전에 노트 콜론)에서 작동하지만 (당시 1.10) 새로운 출시에 실패합니다.

    이 jQuery를 1.6 (오프닝 브래킷 전에 노트 콜론)에서 작동하지만 (당시 1.10) 새로운 출시에 실패합니다.

    $('#mySelect option:[text=abc]")
    

11. ---

    11.JQuery와 버전 1.10.2는 다음 날 위해 일했습니다

    JQuery와 버전 1.10.2는 다음 날 위해 일했습니다

      var selectedText="YourMatchText";
        $('#YourDropdownId option').map(function () {
           if ($(this).text() == selectedText) return this;
          }).attr('selected', 'selected');
        });
    

12. ---

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

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

    var result = $('#SubjectID option')
                .filter(function () 
                 { return $(this).html() == "English"; }).val();
    

    결과 변수는 유사한 텍스트 값의 인덱스를 반환한다. 지금은 단지 그것의 인덱스를 사용하여 설정합니다 :

    $('#SubjectID').val(result);
    

13. ---

    13.어느 쪽이든 당신은 옵션을 반복, 또는 옵션의 또 다른 속성 내에서 동일한 텍스트를 넣어 그와 함께 선택합니다.

    어느 쪽이든 당신은 옵션을 반복, 또는 옵션의 또 다른 속성 내에서 동일한 텍스트를 넣어 그와 함께 선택합니다.

14. ---

    14.이것은 또한 작동합니다.

    이것은 또한 작동합니다.

    . $ ( '# 테스트') 찾을 수 있습니다 ( "선택 옵션 ( 'B')를 포함") 필터를 ( "선택.");

15. ---

    15.이 답변에 설명한 바와 같이, 당신은 쉽게 hasText에 대한 자신의 선택기를 만들 수 있습니다. 이것은 당신이 $ ( '# 테스트')와 옵션을 찾을 수 있습니다 찾을 수 있습니다 ( '옵션 : hastText ( "B")').. 발 ();

    이 답변에 설명한 바와 같이, 당신은 쉽게 hasText에 대한 자신의 선택기를 만들 수 있습니다. 이것은 당신이 $ ( '# 테스트')와 옵션을 찾을 수 있습니다 찾을 수 있습니다 ( '옵션 : hastText ( "B")').. 발 ();

    여기에 추가 한 hasText 방법이다 :

     if( ! $.expr[':']['hasText'] ) {
         $.expr[':']['hasText'] = function( node, index, props ) {
           var retVal = false;
           // Verify single text child node with matching text
           if( node.nodeType == 1 && node.childNodes.length == 1 ) {
             var childNode = node.childNodes[0];
             retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
           }
           return retVal;
         };
      }
    

16. ---

    16.이것은 나를 위해 작동

    이것은 나를 위해 작동

    var options = $(dropdown).find('option');
    var targetOption = $(options).filter(
    function () { return $(this).html() == value; });
    
    console.log($(targetOption).val());
    

    모든 게시물에 대한 감사합니다.

from https://stackoverflow.com/questions/3744289/which-selector-do-i-need-to-select-an-option-by-its-text by cc-by-sa and MIT license