Krom, öyle görünüyor ki, beni <select> <option> gizlemek için izin verir olmadığının farkına vardım. Firefox.

Arama kriterlerine uyan <option>s gizlemek için ihtiyacım var. Web araçları Krom doğru benim JavaScript tarafından display: none; ayarlanan olduklarını görebiliyorum, ama <select> menü gösterilir tıklandığında sonra.

Nasıl benim arama kriterlerine uyan <option>s Bu menü tıklandığında gösterisi yapabilir miyim? Teşekkürler!

İki yöntem uygulamaya saklanmak için. display: none FF, ama Chrome ya da IE için çalışıyor. İkinci yöntem display: none <span> <option> sarma. FF yapmayacak (teknik olarak geçersiz HTML, spec başına) ama Chrome ve IE ve gizle seçeneği olacaktır.

EDİT: evet, ben zaten jQuery bu hayata:

jQuery.fn.toggleOption = function( show ) {
    jQuery( this ).toggle( show );
    if( show ) {
        if( jQuery( this ).parent( 'span.toggleOption' ).length )
            jQuery( this ).unwrap( );
    } else {
        if( jQuery( this ).parent( 'span.toggleOption' ).length == 0 )
            jQuery( this ).wrap( '<span class="toggleOption" style="display: none;" />' );
    }
};

Burada bu işlevi kullanın: . EDİT 2:

jQuery(selector).toggleOption(true); // show option
jQuery(selector).toggleOption(false); // hide option

EDİT 3: ekstra onay @user1521986 tarafından önerilen