some Option-click dont work in IE8 and Opera.
Hi,
i created a jquery-script for controlling something with click in an select-list-form-element. It works super in Firefox 3. But not so in Internet Explorer 8 and Opera.
In IE8, the complete click-functions are not in use and in opera it works "half-way", means that an hidden div is faded in as i said it in the script, but some Options in another selectlist are not hidden.
-
$(document).ready(function(){
//Verstecken der Felder beim Seitenaufruf in Abhängigkeit zur Auswahl bei Type
//Auswahl = "Bitte wählen"
$('.attributes .attribute-3 select option:selected:contains("Bitte")').parents().find('div.attributes .attribute-1').hide();
$('.attributes .attribute-3 select option:selected:contains("Please")').parents().find('div.attributes .attribute-1').hide();
//Auswahl = T-Shirt
$('.attributes .attribute-3 select option:selected:contains("T-Shirt")').parents().find('div.attributes .attribute-3 select option:contains("Bitte")').hide();
$('.attributes .attribute-3 select option:selected:contains("T-Shirt")').parents().find('div.attributes .attribute-3 select option:contains("Please")').hide();
//Auswahl = Girlie-Shirt
$('.attributes .attribute-3 select option:selected:contains("Girlie")').parents().find('div.attributes .attribute-3 select option:contains("Bitte")').hide();
$('.attributes .attribute-3 select option:selected:contains("Girlie")').parents().find('div.attributes .attribute-3 select option:contains("Please")').hide();
$('.attributes .attribute-3 select option:selected:contains("Girlie")').parents().find('div.attributes .attribute-1 select option:contains("XL")').hide();
$('.attributes .attribute-3 select option:selected:contains("Girlie")').parents().find('div.attributes .attribute-1 select option:contains("S")').hide();
//Click-Funktionalität für die Options in Type
//Click auf T-Shirt
$('div.attributes .attribute-3 select option[value = 6]').click(function(){
$('div.attributes div.attribute-1').fadeIn(300);
$('div.attributes .attribute-3 select option:contains("Bitte")').hide();
$('div.attributes .attribute-3 select option:contains("Please")').hide();
$('div.attributes .attribute-1 select option:contains("XL")').show();
$('div.attributes .attribute-1 select option:contains("S")').show();
});
//Click auf Girlie-Shirt
$('.attributes .attribute-3 select.form-select option[value = 7]').click(function(){
$('div.attributes .attribute-1').fadeIn(300);
$('div.attributes .attribute-1 select.form-select option[value = 3]').hide();
$('div.attributes .attribute-1 select.form-select option[value = 32]').hide();
$('div.attributes .attribute-3 select.form-select option:contains("Bitte")').hide();
$('div.attributes .attribute-3 select.form-select option:contains("Please")').hide();
});
});
Can anyone see my failure ? I am really running mad about that. I have a devel-version of the site on my server, on which you can see the problem:
http://bc.metaletics.com/shop/the-n3rd-wave/tailwip