Response title
This is preview!
New to jQuery: if/else code not working properly, I think?
in Using jQuery
•
12 years ago
I have a website that I'm trying to install a shopping cart on and I'm trying to make it so when a certain color is selected an option pops up as an additional feature people have the option of choosing, but I only want the option visible when certain colors are selected. I think I have the code figured out, but there are 2 colors I want the option visible for and currently the option is only showing up for one of the colors. Any suggestions? I tried creating two id's for each color and two jQuery codes that were basically the same but one for #color1 and one for #color2 but that didn't work either.
jscript:
$(document).ready(function() {
$('#select_color').click(function() {
if ($('#color').is(':selected')) {
$('#clearcoat') .show();
} else {
$('#clearcoat') .hide();
}
});
});
$(document).ready(function() {
$('#select_color').click(function() {
if ($('#color').is(':selected')) {
$('#clearcoat') .css(
{'visibility': 'visible'});
} else {
$('#clearcoat') .css(
{'visibility': 'hidden'});
}
});
});
html code:
<select id="select_color">
<option> Black </option>
<option> DOT Green </option>
<option> Green </option>
<option> Traffic Green </option>
<option> Postal Blue </option>
<option> Red </option>
<option> Black Wrinkle </option>
<option> Black Hammer </option>
<option> Bronze </option>
<option> White </option>
<option> Green Hammertone </option>
<option> Rust Texture </option>
<option> Brass </option>
<option id="color"> Silver Vein </option>
<option id="color"> Copper Vein </option>
</select>
</p>
<p id="clearcoat">
<input type="checkbox" />Clearcoat Application (add $6.00)
</p>
Any help with this would be greatly appreciated. I'm so close to getting this figured out but I've exhausted my resources!
Thanks!
1