Скрыть опцию выбора в IE с помощью jQuery

Question

Скрыть опцию выбора в IE с помощью jQuery

В настоящее время я использую jQuery, чтобы скрыть / показать select $ ( "# custcol7 option [value =" + sizeValue + "]" ). hide (); используя следующий код.

span

Это отлично работает в Firefox, но не делает ничего хорошего в других браузерах. Как скрыть параметры от выбора в Chrome, Opera и IE?

javascript,jquery,html-select,

50

Ответов: 17

score 25 · Accepted Answer

25

Я думаю, медисер предоставил действительный ответ, и здесь он слегка изменился, чтобы отразить то, что работает для меня:

$.fn.optVisible = function( show ) {
    if( show ) {
        this.filter( "span > option" ).unwrap();
    } else {
        this.filter( ":not(span > option)" ).wrap( "<span>" ).parent().hide();
    }
    return this;
}

Протестировано с помощью (в реальном времени BrowserStack):

Windows XP: IE 6.0, Firefox 3.0, Safari 4.0, Opera 10.0, Chrome 14.0
Windows 8: IE 10.0 Metro
iOS 3.2 (iPad), iOS 6.0 (iPhone 5)
Android 1.6 (Sony Xperia X10)

jsfiddle

score 10 · Accepted Answer

10

Вы этого не делаете, он не поддерживается в IE (и, предположительно, не в Chrome или Opera). Вам нужно будет удалить все варианты и добавить их позже, если вы хотите, чтобы они были действительно невидимыми. Но в большинстве случаев простой disabled="disabled"должен быть достаточным и сложнее, чем обработка удаления и добавления опций.

score 9 · Accepted Answer

9

попробуйте отсоединить (). вы можете повторно подключить его позже, если необходимо, с помощью append () или insertAfter ()

score 7 · Accepted Answer

7 ов

Для удаления опций используйте:

var opt=$("option").detach();

Чтобы показать варианты, используйте:

opt.appendTo( "select" );