jaimex8
12/9/2015 - 10:57 PM

Selective Attributes

Selective Attributes

        // ---- Selective Attributes ---- //
        function selectiveAttributes() {
            var selectiveAttr = $('#selectiveAttributes').text(),
                eachSelective = selectiveAttr.split('|');
            $.each( eachSelective, function( key, value ) {
                //Seperate all of them, could be more than 1.
                var sAttr = value.split('/'),
                    req = sAttr[0].split('='),
                    attributeName = '#l-'+$.trim(req[0]).toLowerCase(),
                    attributeVal = $.trim(req[1]).toLowerCase(),
                    showhide = '#l-'+$.trim(sAttr[1]).toLowerCase();
                //Hide them!
                $(showhide).parent().parent().hide();
                if ($(attributeName).val() == attributeVal) {
                     $(showhide).parent().parent().show();
                } else {
                //Clear them just incase.
                    if ($(showhide).is('select')) {
                        if ($(showhide + ' option[value=""]').length == 0) {
                            $(showhide).prepend('<option value="">Select One</option>');
                            $(showhide).val('');
                        } else {
                            $(showhide).val('');
                        }
                    } else {
                        $(showhide).val('');
                    }
                }
            });
        }
        selectiveAttributes();  
        $('select, input[type=text]').on('change', function() {
            selectiveAttributes();
        });