HTML and CSS Help

Jrwhar · February 4 '10, 12:13 PM (#1)

Basically I need a form that has two drop down boxes and they second chanes based on the first, and depending on the second either a checkbox or another form comes up. Seeing as how Im a beginner and Im lerning as I go along, I wound up getting completely lost. If anyone has any advice or can point me to a tutorial it would be very very much appreciated!!!

Baniboy · February 4 '10, 12:52 PM (#2)

You need to get familiar with javascript to be able to do this.

Jrwhar · February 4 '10, 01:32 PM (#3)

I have some javascript in there I was looking for something more specific. Ill post up what I have so far.If you could help me out it would be greatly appreciated.

Jrwhar · February 4 '10, 01:59 PM (#4)

Wow actually just pointing out that it was javascript helped me out alot. Before I was just searching cascading dropdown which didnt really help me at all cuz I kept getting stuck. Thank you. p.s. any additional or specific ino would still e really helpful

Baniboy · February 4 '10, 02:06 PM (#5)

Hide the second selection menu using display: none; and then have javascript change the selection menu to display: block; based on the value of the first menu.

So make selection menus for all of the variations you want. Then have javascript enable visibility one at a time based on the value of the first selection menu.

Another thing you might want to try is to fit them all in one selection menu. Just give sub-selections a padding and use labels as those "hardware" and "software" selections.

That's how I would do it.

Jrwhar · February 4 '10, 02:09 PM (#6)

Wow thank you so much Ill get to work on it.

Jrwhar · February 4 '10, 02:33 PM (#7)

How do I make javascript enable visibility based on a previous selection.

Baniboy · February 4 '10, 02:39 PM (#8)

Code:

if(*selection menu value condition here*)
      {
        document.getElementById(element).style.display = 'block';
      }

That should be enough to change visibility. For getting form input value you could take example of many javascript form validators.

HTML and CSS Help

Cascading Form