Changing Image works in FX, not IE?

[Jessica]

Page: [a href=\"http://www.doublooncove.com/signup.php\" target=\"_blank\"]Game Sign Up Form[/a]

Problem: In Firefox, the changes work fine. In IE, the images just disappear, and there is a broken image. The images are THERE. Some are blank images (like placeholders, since the male character is shirtless, his shirt is blank). But they do exist.

Here is a sample of the code, there are several of these functions but they're all the same just different parts.

[code]function change_gender(){
    if(!document.images){
        return
    }else{
    document.images.bodygender.src="http://www.doublooncove.com/images/pirates/" + document.signup.gender.options[document.signup.gender.selectedIndex].value + "/" + document.signup.gender.options[document.signup.gender.selectedIndex].value + ".gif"
    
    document.images.hairback.src="http://www.doublooncove.com/images/pirates/" + document.signup.gender.options[document.signup.gender.selectedIndex].value + "/hair/" + document.signup.hair.options[document.signup.hair.selectedIndex].value + "/hair_" + document.signup.hair.options[document.signup.hair.selectedIndex].value + "_" + document.signup.hair_color.options[document.signup.hair_color.selectedIndex].value + "_back.gif"
            
    document.images.hairfront.src="http://www.doublooncove.com/images/pirates/" + document.signup.gender.options[document.signup.gender.selectedIndex].value + "/hair/" + document.signup.hair.options[document.signup.hair.selectedIndex].value + "/hair_" + document.signup.hair.options[document.signup.hair.selectedIndex].value + "_" + document.signup.hair_color.options[document.signup.hair_color.selectedIndex].value + "_front.gif"
    *snip*
    }
}[/code]


[code]
<td><b>Gender:</b></td>
<td>
    <select size="1" name="gender" onChange="change_gender()">
    <?
    if($info['gender'] == 'female'){
        print '<option select>female</option>';
        print '<option>male</option>';
    }else{
        print '<option select>male</option>';
        print '<option>female</option>';
    }
    ?>
    </select>
</td>[/code]

Any ideas?

[Jessica]

SOLVED thanks to Google Groups & comp.lang.javascript.

[!--quoteo--][div class=\'quotetop\']QUOTE[/div][div class=\'quotemain\'][!--quotec--]1. For the gender select, you don't define a value. So, instead of
referencing:

document.signup.gender.options[...].value

You should reference:

document.signup.gender.options[...].text

2. @ line 219 of rendered code: <option select>male</option>

This should be either:

<option selected>male</option>

Or (even better and complient with the specified doctype):

<option selected="selected">male</option>

3. @ line 206 of rendered code: <img src="'.$url.'hat_'.$hat.'.gif"
(unparsed PHP code) [/quote]