Скрыть параметры в списке выбора с помощью jQuery Redux - PullRequest
Новая
       36

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

2 голосов
/ 29 марта 2011

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

Принятый ответ просто неверен;он не совместим с разными браузерами.

Самое популярное решение (убрать опции, но сохранить клон из полного списка) - это то, чем я занимался, но оно больше не будет работать для меня.Я должен добавлять и удалять параметры в различных сценариях, поэтому, если я заменю список полным списком (который я получаю через ajax), мне придется заново отфильтровать его, чтобы получить параметры, которые я на самом деле хочу ... ивсе эти выборки основаны на других выборках, так что это становится очень неприятным.

Мой вопрос: есть ли плагин, который фактически удалит опции из DOM, но помнит их позиции, чтобы их можно было легко переустановить?добавили к тому же месту позже?Таким образом сделать кросс-браузер скрыть / показать параметры?

1 Ответ

0 голосов
/ 29 марта 2011 
(function($) {
    $.fn.hideOption = function(val) {
        var lastPos = 0;
        $(this).children('option').each(function() {
            var pos = $(this).data('prevPos');
            if(!pos) $(this).data('prevPos', lastPos++);
            else lastPos = pos+1;
        });
        var options = $(this).children('option[value="'+val+'"]');
        var hiddenOptions = $(this).data('hiddenOptions');
        if(!hiddenOptions) hiddenOptions = options;
        else hiddenOptions = hiddenOptions.add(options);
        $(this).data('hiddenOptions', hiddenOptions);
        options.detach();
    };

    $.fn.showOption = function(val) {
        var hiddenOptions = $(this).data('hiddenOptions');
        if(!hiddenOptions) return;
        var toAdd = null;
        if(typeof(val) !== 'undefined') {
            toAdd = hiddenOptions.filter(function() {
                return $(this).val() == val;
            });
        } else {
            toAdd = hiddenOptions;
        }
        hiddenOptions = hiddenOptions.not(toAdd);
        $(this).data('hiddenOptions', hiddenOptions);
        var visibleOptions = $(this).children();
        var select = this;
        var value = $(this).val();
        toAdd.each(function(i,hidOpt) {
            var optAdded = false;
            visibleOptions.each(function(j,visOpt) {
                if($(hidOpt).data('prevPos') >= $(visOpt).data('prevPos')) {
                    $(hidOpt).insertAfter(visOpt);
                    optAdded = true;
                    return;
                }
            });
            if(!optAdded) $(hidOpt).prependTo(select);
        }); 
        $(this).val(value);
    };
})(jQuery);

http://jsfiddle.net/mnpenner/fN2hm/14/

Пожалуйста, попробуйте сломать его или предложить способы улучшить его.

...