HTML and I'm Stumped

I need to maek a form for my company's website.
all dropdown lists.

<select><option> etc... is easy enough

but they want the dropdowns to disable until you select a previous one
and I need some way to actively check their values so it can spit out an answer in a text box lower on the page.

oh god x_x;;

I think the method is called 'auto populating', maybe that can help you search it better.

also it would be easier (fer ropette) if you went ahead and outlined the form.

--Drop Down 1
---Dog (if selected jump to Drop Down 3)
---Cat (if selected jump to Drop Down 2)

--Drop Down 2
---hair ball
---cats are gay

--Drop Down3
---Dogs rule
---Nightwolf eats dogs

and so on
and I dont think its only going to be HTML

me either.

it's like...

option 1 <selection options>
option 2 <selection options>
option 3 <selection options>
option 4 <selection options>
option 5 <selection options>
text box with results based on 1-5

and 2 needs to change based on 1 and 3 needs to change based on 2

x_x;;

Use javascript and an onChange="YourCheckFunction()" to change the values.

Code: [Select]

<script language="Javascript">
function NAMformchange()
{
if(namform.IPrefer.value == "3")
{
//They changed the select to cocks, they must like penises
namform.ILike.value = "penises";
}
else if(namform.IPrefer.value == "0")
{
//No pref, empty it
namform.ILike.value = "";
}
}
</script>

<form name="namform" action="namckor.com/vulgar.php" method="post" enctype="application/x-www-form-urlencoded">
<select name="IPrefer" onChange="NAMformchange()">
<option value="0" selected>Nothing</option>
<option value="1">Butt</option>
<option value="2">Vagina</option>
<option value="3">Cocks</option>
</select>
<input name="ILike" type="text" value="" size="5" maxlength="50">
</form>



how about the changing the 2 and 3?
is there a function for adding selections that I could call on change?

edit: maybe onChange of 1-4 I could mess around and just re-write the HTML of the div that the form is in?

this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/

this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/

yeah, too bad my boss hates cool stuff like that

Tell him to piss off, then.

Anyways, I can still click the step 2 when I haven't done step 1 yet. D:

this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/

yeah, too bad my boss hates cool stuff like that

thats in this months issue of .net magazine(practical web design for you americans) the developer guides you through creating it

this is pretty sweet:
http://css-tricks.com/examples/SeminarRegTutorial/

yeah, too bad my boss hates cool stuff like that

thats in this months issue of .net magazine(practical web design for you americans) the developer guides you through creating it

I know

long code is long

Code: [Select]

function formchange() {
if(Aspen_Selector.Manufacturer.value == "1") {
//----------------
//Chigo
//----------------
BTU = parseFloat(Aspen_Selector.BTU.value);
if(BTU == 9000) {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
Feet = parseFloat(Aspen_Selector.Feet.value);
if(Feet >= 0 && Feet <= 26) {
alert("ASP-ML-115");
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "12000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "18000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else if(Aspen_Selector.BTU.value == "24000") {
if(Aspen_Selector.Voltage.value == "1") {
if(Aspen_Selector.Installation.value == "1") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "49") {
} else {
}
} else if(Aspen_Selector.Installation.value == "2" || Aspen_Selector.Installation.value == "3") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "26") {
} else if(Aspen_Selector.Feet.value >= "27" && Aspen_Selector.Feet.value <= "65") {
} else {
}
} else if(Aspen_Selector.Installation.value == "4") {
if(Aspen_Selector.Feet.value >= "0" && Aspen_Selector.Feet.value <= "33") {
}
} else {
}
} else {
}
} else {
}
} else if(Aspen_Selector.Manufacturer.value == "2") {

} else if(Aspen_Selector.Manufacturer.value == "3") {

} else if(Aspen_Selector.Manufacturer.value == "4") {

} else if(Aspen_Selector.Manufacturer.value == "5") {

} else if(Aspen_Selector.Manufacturer.value == "6") {

}
}


there's the JS I'm working on for it.
here's the HTML

Code: [Select]

<form name="Aspen_Selector">
                                Manufacturer:
                                <select name="Manufacturer" onChange="formchange()">
                                    <option value="0"></option>
                                    <option value="1">Chigo</option>
                                </select>
                                <br />
                                <br />
                                BTU/Hr: <input type="text" name="BTU" size="14" onChange="formchange()"/>
                                <br />
                                <br />
                                Voltage:
                                <select name="Voltage" onChange="formchange()">
                                    <option value="0"></option>
                                    <option value="1">115v</option>
                                    <option value="2">230v</option>
                                    <option value="3">24v</option>
                                </select>
                                <br />
                                <br />
                                Installation Type:
                                <select name="Installation" onChange="formchange()">
                                    <option value="0"></option>
                                    <option value="1">Side Entry Surface w/elbow</option>
                                    <option value="2">Side Entry Eurface Straight</option>
                                    <option value="3">Rear Entry</option>
                                    <option value="4">Exposed Pump installation</option>
                                </select>
                                <br />
                                <br />
                                Feet off Head: <input type="text" name="Feet" size="14" onChange="formchange()"/>
                                <input type="button" value="Submit" onclick="formchange()" />
                            </form>


it's not working ;o;
what am I doing wrong?

if you were to select 'Chigo', 9000btu's, 115 volts, Side Entry Surface w/elbow Installation, and 0-26 feet off head, it shoud pop up an alert with "ASP-ML-115"

edit: it works in IE but not firefox?

I'm going to bump this because I still cant figure out what's wrong.

edit: it's not the javascript, because all the rest of the site's javascript works fine.
        somehow it's the form, but roph's works fine, and I can't see what I'm doing different.
        other than using onclick of the button instead of onchange of the lists...which...
        doesn't work either.