[JQUERY] 옵션이 jQuery를 함께 선택한 경우 기본을 선택하지 않을 경우, 확인

옵션이 jQuery를 함께 선택한 경우 기본을 선택하지 않을 경우, 확인

해결법

1. ---

   1.나는 확실히에 대해 정확하게 당신이 달성하고 싶은 아니에요 동안, 코드의이 비트는 나를 위해 일했다.

   나는 확실히에 대해 정확하게 당신이 달성하고 싶은 아니에요 동안, 코드의이 비트는 나를 위해 일했다.

   <select id="mySelect" multiple="multiple">
     <option value="1">First</option>
     <option value="2">Second</option>
     <option value="3">Third</option>
     <option value="4">Fourth</option>
   </select>
   
   <script type="text/javascript"> 
   $(document).ready(function() {
     if (!$("#mySelect option:selected").length) {
       $("#mySelect option[value='3']").attr('selected', 'selected');
     }
   });
   </script>
   

2. ---

   2.이를 위해 jQuery를 사용할 필요가 없습니다 :

   이를 위해 jQuery를 사용할 필요가 없습니다 :

   var foo = document.getElementById('yourSelect');
   if (foo)
   {
      if (foo.selectedIndex != null)
      {
          foo.selectedIndex = 0;
      } 
   }
   

3. ---

   3.그게 내가 확신 어떤 사람들이 도움이 될 것입니다 밖으로 난 그냥 몇 가지 물건을 던질거야 그래서이 질문은, 오래되어보기가 많이 있습니다.

   그게 내가 확신 어떤 사람들이 도움이 될 것입니다 밖으로 난 그냥 몇 가지 물건을 던질거야 그래서이 질문은, 오래되어보기가 많이 있습니다.

   select 요소가 선택한 항목이 있는지 확인하려면 :

   if ($('#mySelect option:selected').length > 0) { alert('has a selected item'); }
   

   선별 된 선택 아무 상관이없는 경우에는 확인 :

   if ($('#mySelect option:selected').length == 0) { alert('nothing selected'); }
   

   당신이 체크에 어떤 종류의 루프에있어, 원하는 경우 또는 현재 요소를 선택한 경우 :

   $('#mySelect option').each(function() {
       if ($(this).is(':selected')) { .. }
   });
   

   요소가하면서 루프로 선택되지 않은 경우 확인 :

   $('#mySelect option').each(function() {
       if ($(this).not(':selected')) { .. }
   });
   

   다음은이 작업을 수행 할 수있는 몇 가지 방법입니다. 당신은 대개 가장 효율적으로 어느 나타납니다 선택할 수 있도록 jQuery를이 같은 일을 달성하는 방법에는 여러 가지가 있습니다.

4. ---

   4.lencioni의 대답은 내가 권하고 싶습니다 것입니다. "#mySelect 옵션 [값 = 'yourDefaultValue를']"사용하여 특정 값으로 옵션을 선택합니다 : ( '마지막 #mySelect 옵션') 당신은 옵션의 선택을 변경할 수 있습니다. 선택기에 대한 자세한.

   lencioni의 대답은 내가 권하고 싶습니다 것입니다. "#mySelect 옵션 [값 = 'yourDefaultValue를']"사용하여 특정 값으로 옵션을 선택합니다 : ( '마지막 #mySelect 옵션') 당신은 옵션의 선택을 변경할 수 있습니다. 선택기에 대한 자세한.

   경우에 당신은이 플러그인을 밖으로 클라이언트 확인에 선택 목록에 광범위하게 최선을 다하고 있습니다 : http://www.texotela.co.uk/code/jquery/select/. 당신이 선택 목록 작업의 몇 가지 예제를 더보고 싶어 살펴에게 소스를 가져 가라.

5. ---

   5.여기에 선택한 옵션을 변경 내 기능입니다. 그것은 jQuery를 1.3.2 작동

   여기에 선택한 옵션을 변경 내 기능입니다. 그것은 jQuery를 1.3.2 작동

   function selectOption(select_id, option_val) {
       $('#'+select_id+' option:selected').removeAttr('selected');
       $('#'+select_id+' option[value='+option_val+']').attr('selected','selected');   
   }
   

6. ---

   6.

   <script type="text/javascript"> 
   $(document).ready(function() {
     if (!$("#mySelect option:selected").length)
      $("#mySelect").val( 3 );
   
   });
   </script>
   

7. ---

   7.쉬운! 기본값은 첫 번째 옵션이어야한다. 끝난! 자바 스크립트가 필요하지 않기 때문에 즉, 겸손한 자바 스크립트 당신을 이끌 것입니다 :)

   쉬운! 기본값은 첫 번째 옵션이어야한다. 끝난! 자바 스크립트가 필요하지 않기 때문에 즉, 겸손한 자바 스크립트 당신을 이끌 것입니다 :)

   겸손한 자바 스크립트

8. ---

   8.난 이미 저를 이런 식으로 해결하게하는의 texotela 플러그인 언급 건너 온 :

   난 이미 저를 이런 식으로 해결하게하는의 texotela 플러그인 언급 건너 온 :

   $(document).ready(function(){
       if ( $("#context").selectedValues() == false) {
       $("#context").selectOptions("71");
       }
   });
   

9. ---

   9.select 요소의 selectedIndex의 봐. BTW, 그 일반 팔자 'DOM 것,하지 JQuery와 별입니다.

   select 요소의 selectedIndex의 봐. BTW, 그 일반 팔자 'DOM 것,하지 JQuery와 별입니다.

10. ---

    10.이 일을 내가 찾은 빠른 스크립트이었다 ... .Result은 레이블에 할당됩니다.

    이 일을 내가 찾은 빠른 스크립트이었다 ... .Result은 레이블에 할당됩니다.

    $(".Result").html($("option:selected").text());
    

11. ---

    11.너희들은 선택을 위해 너무 많은 길을 다하고 있습니다. 그냥 값에 의해 선택 :

    너희들은 선택을 위해 너무 많은 길을 다하고 있습니다. 그냥 값에 의해 선택 :

    $("#mySelect").val( 3 );
    

12. ---

    12.

    if (!$("#select").find("option:selected").length){
      //
    }
    

13. ---

    13.나는 옵션이 선택되어 있는지 확인하고 그렇지 않은 경우 기본값을 선택하는 좋은 방법을 발견했다.

    나는 옵션이 선택되어 있는지 확인하고 그렇지 않은 경우 기본값을 선택하는 좋은 방법을 발견했다.

        if(!$('#some_select option[selected="selected"]').val()) {
            //here code if it HAS NOT selected value
            //for exaple adding the first value as "placeholder"
            $('#some_select option:first-child').before('<option disabled selected>Wybierz:</option>');
        }
    

    #some_select의 has't 기본 선택 옵션은 다음 () .val은 정의되지 않은 경우

14. ---

    14.

    $("option[value*='2']").attr('selected', 'selected');
    // 2 for example, add * for every option
    

15. ---

    15.

    $("#select_box_id").children()[1].selected
    

    이 JQuery와 선택되지 않았거나 옵션을 확인하는 또 다른 방법입니다. 이것은 (참 또는 거짓) 부울을 반환합니다.

    [1] 선택 상자 옵션의 인덱스

16. ---

    16.화재로 선택 상자에 다음 단지 선택된 옵션의 id 속성을 끌어 않습니다 그것을 한 번 변경 이벤트 : -

    화재로 선택 상자에 다음 단지 선택된 옵션의 id 속성을 끌어 않습니다 그것을 한 번 변경 이벤트 : -

    $("#type").change(function(){
      var id = $(this).find("option:selected").attr("id");
    
      switch (id){
        case "trade_buy_max":
          // do something here
          break;
      }
    });
    

17. ---

    17.난 그냥 비슷한 뭔가를 찾고이 발견되었다 :

    난 그냥 비슷한 뭔가를 찾고이 발견되었다 :

    $('.mySelect:not(:has(option[selected])) option[value="2"]').attr('selected', true);
    

    이 모든 선택 이미 옵션을 선택하지 않는 클래스의 메뉴 및 선택 (이 경우 "2") 기본 옵션을 찾습니다.

    아무것도 속성이없는 경우에도, 대신 [선택]의 선택,하지만 뭔가가 항상 선택되어 있기 때문에 그 일을하지 않았다 : 나는 사용하여 시도

18. ---

    18.어떤이 "선택"속성이있는 경우 명시 적으로 보려면 각 옵션을 선택해야하는 경우이 작업을 수행 할 수 있습니다. 그렇지 않으면 옵션을 사용 : 첫 번째 기본 옵션에 대한 값을 얻을 것이다 선택.

    어떤이 "선택"속성이있는 경우 명시 적으로 보려면 각 옵션을 선택해야하는 경우이 작업을 수행 할 수 있습니다. 그렇지 않으면 옵션을 사용 : 첫 번째 기본 옵션에 대한 값을 얻을 것이다 선택.

    var viewport_selected = false;      
    $('#viewport option').each(function() {
        if ($(this).attr("selected") == "selected") {
            viewport_selected = true;
        }
    });
    

from https://stackoverflow.com/questions/149573/check-if-option-is-selected-with-jquery-if-not-select-a-default by cc-by-sa and MIT license