복붙노트

[JQUERY] jQuery를 사용하여 선택 목록에서 옵션 숨기기

JQUERY

jQuery를 사용하여 선택 목록에서 옵션 숨기기

해결법


  1. 1.그것의 가치, (함께 @) 두 번째 형태는 jQuery를 1.3에 존재하지 않는 것을하십시오. 당신은 분명히 변수 보간을 기대하고 있기 때문에 첫 번째는 작동하지 않습니다. 이 시도:

    그것의 가치, (함께 @) 두 번째 형태는 jQuery를 1.3에 존재하지 않는 것을하십시오. 당신은 분명히 변수 보간을 기대하고 있기 때문에 첫 번째는 작동하지 않습니다. 이 시도:

    $("#edit-field-service-sub-cat-value option[value=" + title + "]").hide();
    

    제목이 jQuery를 선택 메타 문자가 포함 된 경우이 아마 다양한 끔찍한 방법으로 침입 않습니다.


  2. 2.이 X-브라우저를 할 수 없습니다. 내 기억 경우, 즉 문제가 있습니다. 가장 쉬운 것은 IS가의 복제 된 사본을 보관 할 수있는 당신이 항목을 제거하기 전에이 쉽게 다시 APPEND 후 누락 된 항목을 제거 할 수 있습니다 선택합니다.

    이 X-브라우저를 할 수 없습니다. 내 기억 경우, 즉 문제가 있습니다. 가장 쉬운 것은 IS가의 복제 된 사본을 보관 할 수있는 당신이 항목을 제거하기 전에이 쉽게 다시 APPEND 후 누락 된 항목을 제거 할 수 있습니다 선택합니다.


  3. 3.나는 더 나은 방법을 발견, 그것은 매우 간단합니다 :

    나는 더 나은 방법을 발견, 그것은 매우 간단합니다 :

    $("option_you_want_to_hide").wrap('<span/>')
    

    그냥 옵션 (안 스팬)과를 찾아 다시 표시하려면 $ ( "option_you_want_to_show"). 언랩을 ().

    그것은 크롬과 파이어 폭스에서 테스트되었다.


  4. 4.여기 내 스핀 가능성이 조금 더 빠른 인해 기본 DOM 방법에있다

    여기 내 스핀 가능성이 조금 더 빠른 인해 기본 DOM 방법에있다

    $.each(results['hide'], function(name, title) {                     
        $(document.getElementById('edit-field-service-sub-cat-value').options).each(function(index, option) {
          if( option.value == title ) {
            option.hidden = true; // not fully compatible. option.style.display = 'none'; would be an alternative or $(option).hide();
          }
        });
    });
    

  5. 5.이것은하지만 MSIE 8 않으며, 오페라 9.62에서, 파이어 폭스 3.0에서 작동 :

    이것은하지만 MSIE 8 않으며, 오페라 9.62에서, 파이어 폭스 3.0에서 작동 :

    jQuery('#destinations').children('option[value="1"]').hide();
    jQuery('#destinations').children('option[value="1"]').css('display','none');
    

    그러나 오히려 옵션을 숨기는 것은, 하나는 간단하게 해제 할 수 있습니다 :

    jQuery('#destinations').val('2'); 
    jQuery('#destinations').children('option[value="1"]').attr('disabled','disabled');
    

    상기 두 줄의 상기 제는 파이어 폭스이고 (이 값 = "2"가 가정) 2 옵션에 초점을 통과한다. 우리가 그것을 생략하면 옵션이 비활성화됩니다,하지만 우리가 드롭 다운 전에 정지 표시 옵션을 "사용 가능". 따라서, 우리는 이것을 피하기 위해 다른 옵션에 초점을 전달합니다.


  6. 6.그것은 크로스 브라우저를 수행 할 수 있습니다; 그것은 단지 일부 사용자 지정 프로그래밍을합니다. http://jsfiddle.net/sablefoste/YVMzt/6/에서 내 바이올린을 참조하십시오. 그것은 크롬, 파이어 폭스, 인터넷 익스플로러, 사파리에서 작동하도록 테스트되었습니다.

    그것은 크로스 브라우저를 수행 할 수 있습니다; 그것은 단지 일부 사용자 지정 프로그래밍을합니다. http://jsfiddle.net/sablefoste/YVMzt/6/에서 내 바이올린을 참조하십시오. 그것은 크롬, 파이어 폭스, 인터넷 익스플로러, 사파리에서 작동하도록 테스트되었습니다.

    즉, 나는 숨겨진 필드, #optionstore을 가지고있는 저장 순차적으로 배열 (자바 스크립트에서 연관 배열을 가질 수 없기 때문에). 당신이 범주를 변경하면 다음에, (단지를 통해 처음으로) 기존의 옵션을 구문 분석 #optionstore에 기록, 모든 것을 삭제하고 및 풋는 범주와 관련된 유일한 사람을 백업 할 수 있습니다.

    참고 : 나는 그것이 매우 유연하므로, 사용자에게 표시되는 텍스트에서 다른 옵션 값을 허용하려면이를 만들었습니다.

    html로 :

    <p id="choosetype">
        <div>
            Food Category:
        </div>
        <select name="category" id="category" title="OPTIONAL - Choose a Category to Limit Food Types" size="1">
            <option value="">All Food</option>
            <option value="Food1">Fruit</option>
            <option value="Food2">Veggies</option>
            <option value="Food3">Meat</option>
            <option value="Food4">Dairy</option>
            <option value="Food5">Bread</option>
        </select>
        <div>
            Food Selection
        </div>
        <select name="foodType" id="foodType" size="1">
            <option value="Fruit1" class="sub-Food1">Apples</option>
            <option value="Fruit2" class="sub-Food1">Pears</option>
            <option value="Fruit3" class="sub-Food1">Bananas</option>
            <option value="Fruit4" class="sub-Food1">Oranges</option>
            <option value="Veg1" class="sub-Food2">Peas</option>
            <option value="Veg2" class="sub-Food2">Carrots</option>
            <option value="Veg3" class="sub-Food2">Broccoli</option>
            <option value="Veg4" class="sub-Food2">Lettuce</option>
            <option value="Meat1" class="sub-Food3">Steak</option>
            <option value="Meat2" class="sub-Food3">Chicken</option>
            <option value="Meat3" class="sub-Food3">Salmon</option>
            <option value="Meat4" class="sub-Food3">Shrimp</option>
            <option value="Meat5" class="sub-Food3">Tuna</option>
            <option value="Meat6" class="sub-Food3">Pork</option>
            <option value="Dairy1" class="sub-Food4">Milk</option>
            <option value="Dairy2" class="sub-Food4">Cheese</option>
            <option value="Dairy3" class="sub-Food4">Ice Cream</option>
            <option value="Dairy4" class="sub-Food4">Yogurt</option>
            <option value="Bread1" class="sub-Food5">White Bread</option>
            <option value="Bread2" class="sub-Food5">Panini</option>
        </select>
        <span id="optionstore" style="display:none;"></span>
    </p>
    

    자바 스크립트 / jQuery를 :

    $(document).ready(function() {
        $('#category').on("change", function() {
            var cattype = $(this).val();
            optionswitch(cattype);
        });
    });
    
    function optionswitch(myfilter) {
        //Populate the optionstore if the first time through
        if ($('#optionstore').text() == "") {
            $('option[class^="sub-"]').each(function() {
                var optvalue = $(this).val();
                var optclass = $(this).prop('class');
                var opttext = $(this).text();
                optionlist = $('#optionstore').text() + "@%" + optvalue + "@%" + optclass + "@%" + opttext;
                $('#optionstore').text(optionlist);
            });
        }
    
        //Delete everything
        $('option[class^="sub-"]').remove();
    
        // Put the filtered stuff back
        populateoption = rewriteoption(myfilter);
        $('#foodType').html(populateoption);
    }
    
    function rewriteoption(myfilter) {
        //Rewrite only the filtered stuff back into the option
        var options = $('#optionstore').text().split('@%');
        var resultgood = false;
        var myfilterclass = "sub-" + myfilter;
        var optionlisting = "";
    
        myfilterclass = (myfilter != "")?myfilterclass:"all";
    
        //First variable is always the value, second is always the class, third is always the text
        for (var i = 3; i < options.length; i = i + 3) {
            if (options[i - 1] == myfilterclass || myfilterclass == "all") {
                optionlisting = optionlisting + '<option value="' + options[i - 2] + '" class="' + options[i - 1] + '">' + options[i] + '</option>';
                resultgood = true;
            }
        }
        if (resultgood) {
            return optionlisting;
        }
    }
    

  7. 7.가장 좋은 방법은 CSS 세트에 다음 사용하지 않도록 설정할 수있는 옵션 항목 비활성화 = true로 설정하는 것입니다

    가장 좋은 방법은 CSS 세트에 다음 사용하지 않도록 설정할 수있는 옵션 항목 비활성화 = true로 설정하는 것입니다

    option:disabled {
        display: none;
    }
    

    브라우저가 비활성화 항목을 숨기고 지원하지 않는 그런 방식으로하더라도, 그것은 여전히 ​​선택할 수 없습니다 ..하지만이를 지원하는 않는 브라우저에, 그들은 숨겨집니다.


  8. 8.이 질문에 대한 답변을 살펴보십시오 -

    이 질문에 대한 답변을 살펴보십시오 -

    사용 안 함 옵션을 선택 ...

    코드를 보면, 당신은 속성 값을 인용해야 할 수도 있습니다

    $("#edit-field-service-sub-cat-value option[value='title']").hide();
    

    jQuery를 속성 선택기에서

    편집하다:

    그냥 당신이이 경우 구문이되어야한다, 함수 매개 변수에서 제목을 얻고있는 것을 깨달았다

    $("#edit-field-service-sub-cat-value option[value='" + title + "']").hide();
    

  9. 9.redsquare의 제안을 참조하여, 나는이 일을 결국 :

    redsquare의 제안을 참조하여, 나는이 일을 결국 :

    var selectItems = $("#edit-field-service-sub-cat-value option[value=" + title + "]").detach();
    

    다음이 반전하기 :

    $("#edit-field-service-sub-cat-value").append(selectItems);
    

  10. 10.문제는 Internet Explorer 옵션을 선택 숨기기 및 표시 방법을 지원하지 않는 것이다. 내 ddlReasonCode의 모든 옵션 속성 "attType"의 값과 현재 선택된 유형을하지 않았다 숨기기를 선택하고 싶었다.

    문제는 Internet Explorer 옵션을 선택 숨기기 및 표시 방법을 지원하지 않는 것이다. 내 ddlReasonCode의 모든 옵션 속성 "attType"의 값과 현재 선택된 유형을하지 않았다 숨기기를 선택하고 싶었다.

    사랑스러운 크롬은 매우 만족 동안 :

    //Hiding all options
                $("#ddlReasonCode").children().hide();
                //Showing only the relevant options
                $("#ddlReasonCode").children("option[atttype=\"" + CurrentType + "\"]").show();
    

    이것은 IE가 (아이, :-) 크롬에서 시도하지 않음) 필요한 것입니다 :

    //Hiding all options
                $("#ddlReasonCode option").each(function (index, val) {
                    if ($(this).is('option') && (!$(this).parent().is('span')) && ($(this).atttype != CurrentType))
                        $(this).wrap('<span>').hide();
                });
                //Showing only the relevant options
                $("#ddlReasonCode option").each(function (index, val) {
                    if (this.nodeName.toUpperCase() === 'OPTION') {
                        var span = $(this).parent();
                        var opt = this;
                        if ($(this).parent().is('span') && ((this).atttype == CurrentType)) {
                            $(opt).show();
                            $(span).replaceWith(opt);
                        }
                    }
                });
    

    나는 http://ajax911.com/hide-options-selecbox-jquery/에서 그 포장 아이디어를 발견


  11. 11.테스트하는 데, 솔루션을 숨기기 요소에 혼란을 포함한 다양한 이상 게시 할 지금 파이어 폭스 (66.0.4), 크롬 (74.0.3729.169)와 에지의 최신 버전에서 작업 (42.17134.1.0)

    테스트하는 데, 솔루션을 숨기기 요소에 혼란을 포함한 다양한 이상 게시 할 지금 파이어 폭스 (66.0.4), 크롬 (74.0.3729.169)와 에지의 최신 버전에서 작업 (42.17134.1.0)

    $("#edit-field-service-sub-cat-value option[value=" + title + "]").hide();
    $("#edit-field-service-sub-cat-value option[value=" + title + "]").show();
    

    IE의 경우,이 그러나이 옵션을 해제 할 수 있습니다 작동하지 않습니다

    $("#edit-field-service-sub-cat-value option[value=" + title + "]").attr("disabled", "disabled");
    $("#edit-field-service-sub-cat-value option[value=" + title + "]").removeAttr("disabled");
    

    다음에 다른 값의 선택을 강요.

    $("#edit-field-service-sub-cat-value").val("0");
    

    가 무효 인 경우 주, 비활성화 된 옵션, 드롭 다운의 발은 이제 선택한 옵션의 값이 아니라, null이됩니다.


  12. 12.당신이 또한 "선택"속성을 업데이트해야 할 것으로 보인다. : 당신이 실제로 (나를 위해 무슨 짓을 먹으 렴) 옵션을 선택 갈 때 아마 사라질지라도 - 그렇지 않으면 현재 선택된 옵션은 계속 표시 할 수있다 이 일을보십시오 :

    당신이 또한 "선택"속성을 업데이트해야 할 것으로 보인다. : 당신이 실제로 (나를 위해 무슨 짓을 먹으 렴) 옵션을 선택 갈 때 아마 사라질지라도 - 그렇지 않으면 현재 선택된 옵션은 계속 표시 할 수있다 이 일을보십시오 :

    $('#mySelector').children('option').hide();
    $('#mySelector').children('option').removeAttr("selected"); //this may be overkill.
    $('#mySelector').children('option[value="'+SelVal+'"]').show();  
    $('#mySelector').children(':visible').attr('selected','selected'); //assuming that something is still on the list.
    

  13. 13.나는 다른 선택 목록에서 선택한 옵션에 따라 하나의 선택 목록에서 숨기기 옵션에 노력했다. 그것은 Firefox3에서 일하고 있지만 인터넷 익스플로러 6. 여기에 몇 가지 아이디어를 가지고 내가 공유하고 싶습니다 지금 해결책을 가지고 있었다 :

    나는 다른 선택 목록에서 선택한 옵션에 따라 하나의 선택 목록에서 숨기기 옵션에 노력했다. 그것은 Firefox3에서 일하고 있지만 인터넷 익스플로러 6. 여기에 몇 가지 아이디어를 가지고 내가 공유하고 싶습니다 지금 해결책을 가지고 있었다 :

    function change_fruit(seldd) {
        var look_for_id=''; var opt_id='';
        $('#obj_id').html("");
        $("#obj_id").append("<option value='0'>-Select Fruit-</option>");
        if(seldd.value=='0') {
            look_for_id='N';
        }
        if(seldd.value=='1'){
            look_for_id='Y';
            opt_id='a';
        }
        if(seldd.value=='2') {
            look_for_id='Y';
            opt_id='b';
        }
        if(seldd.value=='3') {
            look_for_id='Y';
            opt_id='c';
        }
    
        if(look_for_id=='Y') {
            $("#obj_id_all option[id='"+opt_id+"']").each(function() {
              $("#obj_id").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
            });
        }
        else {
            $("#obj_id_all option").each(function() {
              $("#obj_id").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
            });
        }
    }
    
    <select name="obj_id" id="obj_id">
        <option value="0">-Select Fruit-</option>
        <option value="1" id="a">apple1</option>
        <option value="2" id="a">apple2</option>
        <option value="3" id="a">apple3</option>
        <option value="4" id="b">banana1</option>
        <option value="5" id="b">banana2</option>
        <option value="6" id="b">banana3</option>
        <option value="7" id="c">Clove1</option>
        <option value="8" id="c">Clove2</option>
        <option value="9" id="c">Clove3</option>
    </select>
    
    <select name="fruit_type" id="srv_type" onchange="change_fruit(this)">
        <option value="0">All</option>
        <option value="1">Starts with A</option>
        <option value="2">Starts with B</option>
        <option value="3">Starts with C</option>
    </select>
    
    <select name="obj_id_all" id="obj_id_all" style="display:none;">
        <option value="1" id="a">apple1</option>
        <option value="2" id="a">apple2</option>
        <option value="3" id="a">apple3</option>
        <option value="4" id="b">banana1</option>
        <option value="5" id="b">banana2</option>
        <option value="6" id="b">banana3</option>
        <option value="7" id="c">Clove1</option>
        <option value="8" id="c">Clove2</option>
        <option value="9" id="c">Clove3</option>
    </select>
    

    그것은 파이어 폭스 3와 Internet Explorer 6에서 작업으로 확인되었다.


  14. 14.당신이 jQuery.grep를 사용할 수있는 문자열 연결을 피하려면

    당신이 jQuery.grep를 사용할 수있는 문자열 연결을 피하려면

    $($.grep($("#edit-field-service-sub-cat-value option"),
             function(n,i){
               return n.value==title;
             })
     ).hide()
    

  15. 15.아마 아닐 우아한로 또는 jQuery 플러그인으로 재사용있다. 하지만 또 다른 방법은 단순히 옵션 요소와 필요에 따라 스왑 그들을 저장하는 것입니다 :

    아마 아닐 우아한로 또는 jQuery 플러그인으로 재사용있다. 하지만 또 다른 방법은 단순히 옵션 요소와 필요에 따라 스왑 그들을 저장하는 것입니다 :

    var SelectFilter = function ()
            {
                this.allOptions = $("#someSelect option");
    
                this.fooBarOptions= $("#someSelect option[value='foo']");
                this.fooBarOptions= this.fooBarOptions.add($("#someSelect option[value='bar']"));
    
    
                this.showFooBarOptions = function()
                {
                    $("#someSelect option").remove();
                    $("#someSelect").append(this.fooBarOptions);
                };
                this.showAllOptions = function()
                {
                    $("#someSelect option").remove();
                    $("#someSelect").append(this.allOptions);
                };
    
    
    
            };
    

    객체를 사용하여이 작업을 수행 :

    var filterObject = new SelectFilter();
    filterObject.showFooBarOptions (); 
    

  16. 16.

    $("option_you_want_to_hide").addClass('hidden')
    

    그런 다음 CSS를 메이크업에 있는지, 당신은

    .hidden{
        display:none;
    }
    

  17. 17.나는 사용자 정의 데이터 - 속성에 따라 (<선택>) 콤보 필터 기능을 사용하여 솔루션을 구현했습니다. 이 솔루션 지원 :

    나는 사용자 정의 데이터 - 속성에 따라 (<선택>) 콤보 필터 기능을 사용하여 솔루션을 구현했습니다. 이 솔루션 지원 :

    jQuery를 2.1.4와 파이어 폭스, 크롬, 사파리와 IE 10 +로 테스트.

    이 예제 HTML이다 :

    <select id="myCombobox">
      <option data-filter="1" value="AAA">Option 1</option>
      <option data-filter="1" value="BBB">Option 2</option>
      <option data-filter="2" value="CCC">Option 3</option>
      <option data-filter="2" value="DDD">Option 4</option>
      <option data-filter="3" value="EEE">Option 5</option>
      <option data-filter="3" value="FFF">Option 6</option>
      <option data-filter-emptyvalue disabled>No Options</option>
    </select>
    

    필터링에 대한 jQuery 코드 :

    function filterCombobox(selectObject, filterValue, autoSelect) {
    
      var fullData = selectObject.data("filterdata-values");
      var emptyValue = selectObject.data("filterdata-emptyvalue");
    
      // Initialize if first time.
      if (!fullData) {
        fullData = selectObject.find("option[data-filter]").detach();
        selectObject.data("filterdata-values", fullData);
        emptyValue = selectObject.find("option[data-filter-emptyvalue]").detach();
        selectObject.data("filterdata-emptyvalue", emptyValue);
        selectObject.addClass("filtered");
      }
      else {
        // Remove elements from DOM
        selectObject.find("option[data-filter]").remove();
        selectObject.find("option[data-filter-emptyvalue]").remove();
      }
    
      // Get filtered elements.
      var toEnable = fullData.filter("option[data-filter][data-filter='" + filterValue + "']");
    
      // Attach elements to DOM
      selectObject.append(toEnable);
    
      // If toEnable is empty, show empty option.
      if (toEnable.length == 0) {
        selectObject.append(emptyValue);
      }
    
      // Select First Occurrence
      if (autoSelect) {
        var obj = selectObject.find("option[selected]");
        selectObject.val(obj.length == 0 ? toEnable.val() : obj.val());
      }
    }
    

    그것을 사용하려면, 당신은 단지 유지하려는 값으로 함수를 호출합니다.

    filterCombobox($("#myCombobox"), 2, true);
    

    그런 결과가 될 것입니다 선택 :

    <select id="myCombobox">
      <option data-filter="2" value="CCC">Option 3</option>
      <option data-filter="2" value="DDD">Option 4</option>
    </select>
    

    후속 통화를 추가하고 정확한 요소를 제거 할 수 있도록 원래의 요소 데이터 () 함수에 의해 저장된다.


  18. 18.그 @ 밖으로 대답 포인트는 새로운 jQuery를 반복 유효하지 않습니다. 맞습니다하지만, 일부 이전의 IE는 여전히 숨기기 옵션 요소를 해달라고. 영향을받는 해당 버전에 옵션 요소를 숨기고 처리해야하는 누군가를 위해, 나는 여기에 해결 방법을 게시 :

    그 @ 밖으로 대답 포인트는 새로운 jQuery를 반복 유효하지 않습니다. 맞습니다하지만, 일부 이전의 IE는 여전히 숨기기 옵션 요소를 해달라고. 영향을받는 해당 버전에 옵션 요소를 숨기고 처리해야하는 누군가를 위해, 나는 여기에 해결 방법을 게시 :

    http://work.arounds.org/issue/96/option-elements-do-not-hide-in-IE/

    기본적으로 단 기간에 싸서 쇼에 교체합니다.


  19. 19.이 질문에 걸쳐 걸림돌 누구나도 크게 선택의 기능을 확장 선택된의 사용을 고려할 수 있습니다.

    이 질문에 걸쳐 걸림돌 누구나도 크게 선택의 기능을 확장 선택된의 사용을 고려할 수 있습니다.


  20. 20.나는이 질문에 대한 답이 알고있다. 하지만 내 요구 사항은 약간 달랐다. 대신 값의 나는 텍스트로 필터에 원했다. 그래서 나는이 같은 @William Herry하여 대답을 수정했습니다.

    나는이 질문에 대한 답이 알고있다. 하지만 내 요구 사항은 약간 달랐다. 대신 값의 나는 텍스트로 필터에 원했다. 그래서 나는이 같은 @William Herry하여 대답을 수정했습니다.

    var array = ['Administration', 'Finance', 'HR', 'IT', 'Marketing', 'Materials', 'Reception', 'Support'];
    if (somecondition) {
       $(array).each(function () {
           $("div#deprtmnts option:contains(" + this + ")").unwrap();
       });
    }
    else{
       $(array).each(function () {
           $("div#deprtmnts option:contains(" + this + ")").wrap('<span/>');
       });
    }
    

    당신은 대체하여도 값을 사용할 수 있습니다이 방법은 다음과 같이 포함

     $("div#ovrcateg option[value=" + this + "]").wrap('<span/>');
    

  21. 21.선택 사용 숨기기 옵션의 경우 :

    선택 사용 숨기기 옵션의 경우 :

    option_node.hidden = true; # For hide selcet item
    option_node.hidden = false; # For show selcet item
    

    어디 option_node가 HTMLOptionElement입니다

    그것의 의지가 작동 P.S는 : 나는 JQuery와 사용하지만, 추측하지 않는다 :

    $('.my_select option[value="my_cool_value"]').hidden = true
    

  22. 22.나는 그것이 가장 좋은 단지 완전히 DOM을 제거하기 위해 발견했다.

    나는 그것이 가장 좋은 단지 완전히 DOM을 제거하기 위해 발견했다.

    $(".form-group #selectId option[value='39']").remove();
    

    크로스 브라우저 호환. IE11에서 작동도


  23. 23.

     $('#id').val($('#id option:eq(0)').hide());
    

    옵션 : EQ (0) 선택 상자에서 인덱스 '0'에서 -hide 옵션을 선택합니다.


  24. 24.당신은 값 또는 클래스 이름 / 숨기기를 표시 할 수 있습니다. 작업 예와 함께 아래 링크를 확인하십시오. 표시 / 숨기기 JQuery와는 값 또는 클래스 이름 옵션을 선택.

    당신은 값 또는 클래스 이름 / 숨기기를 표시 할 수 있습니다. 작업 예와 함께 아래 링크를 확인하십시오. 표시 / 숨기기 JQuery와는 값 또는 클래스 이름 옵션을 선택.


  25. 25.$ ( "# 옵션 ddtypeoftraining [값 = 5]") CSS ( "표시", "없음").; $ ( '#이 ddtypeoftraining') selectpicker ( '새로 고침.');

    $ ( "# 옵션 ddtypeoftraining [값 = 5]") CSS ( "표시", "없음").; $ ( '#이 ddtypeoftraining') selectpicker ( '새로 고침.');

  26. from https://stackoverflow.com/questions/1271503/hide-options-in-a-select-list-using-jquery by cc-by-sa and MIT license