2014-06-05 1 views
1

선택한 드롭 다운에서 특정 옵션을 숨기고 있습니다. 나는 IE6 (!)에 그 옵션이 필요하기 때문에 나는 법정에서 그것을 제거 할 수 없다.선택한 jquery select에서 검색 결과를 필터링하는 방법이 있습니까?

내가 가진 문제는 입력 필드에 입력을 시작하면 선택한 검색 결과에서 숨겨진 옵션이 다시 나타납니다.

나는 또한 { display_disabled_options: false} 옵션을 사용하려고하지만 이미 초기화 된 선택한 후 옵션을 비활성화하고 어쩌면 때문에 (작동하지 않는

나는이 일을하려고하고있다 :.

$(".chosen-select").chosen({ 
     display_disabled_options: false 
    }).each(function() { 
     $(this).on('chosen:showing_dropdown', function (event, params) { 
     $('li:contains("whatever")').attr('disabled', true); 
     }); 
    }); 

답변

1

당신은 당신이 trigger("chosen:updated")를 사용하여 업데이 트를 실행하는 데 필요한 선택 초기화 후 목록을 업데이트해야하는 경우

가 그래서 코드를 사용합니다.

,536을
$(function() { 
    $('.chzn-select').chosen({ 
     display_disabled_options: false 
    }).each(function() { 
     $(this).on('chosen:showing_dropdown', function (event, params) { 
      $('option:contains("shop")',$(this)).attr('disabled', true); 
      $(this).trigger("chosen:updated"); 
     }); 
    });; 
}); 

데모 : http://jsfiddle.net/IrvinDominin/NfvBj/

+0

감사합니다. 그것은 완벽하게 작동합니다. 한 가지 질문 : jquery 선택 ($ (this)) 호출에 두 번째 인수를 추가 한 이유는 무엇입니까? – eolo999

+0

@ eolo999 여러분을 환영합니다! 두 번째 인수는 선택기에 컨텍스트를 제공하는 데 사용됩니다.이 경우 현재 선택 컨텍스트에서 옵션 요소에서만 검색합니다 (http://api.jquery.com/jquery/#jQuery-selector-context 참조). –