2 drop down menus which interact

[jnk]

hello,i dont know if this has been answered but ive been searchin all over the net for this.

what i want to happen is something like this autolink.ph
check out the 2 drop down menus on the top left, how do i do that? uhm thats it...im a newbie on this sorry.

[awestmoreland]

There's a lot to take in here, but I think that this is basically what you want: SPF Thread. It's all about arrays really.


Andy

[podlob]

here's a simple way to do it...

See this code work

Javascript:

function changeSelect(select){
	var selectValue = select.options[select.selectedIndex].value;
	if(selectValue == "") return;
	var f = select.form;// a reference to the form
	var s = f.menu2;// a reference to the select menu to modify
	s.options.length = 0;// clear any options from this select menu
	switch(selectValue){
	case "option1":
		s.options[0] = new Option("Option 1-1", "value1-1");
		s.options[1] = new Option("Option 1-2", "value1-2");
		s.options[2] = new Option("Option 1-3", "value1-3");
		break;
	case "option2":
		s.options[0] = new Option("Option 2-1", "value2-1");
		s.options[1] = new Option("Option 2-2", "value2-2");
		s.options[2] = new Option("Option 2-3", "value2-3");
		s.options[3] = new Option("Option 2-4", "value2-4");
		break;
	case "option3":
		s.options[0] = new Option("Option 3-1", "value3-1");
		s.options[1] = new Option("Option 3-2", "value3-2");
	}
	s.focus();
}

HTML:

 
<form>
	<select name="menu1" onchange="changeSelect(this)">
		<option value="">Select an Option</option>
		<option value="option1">Option 1</option>
		<option value="option2">Option 2</option>
		<option value="option3">Option 3</option>
	</select>
	<select name="menu2">
	</select>
</form>

[jnk]

hey great thanks! this will work with ASP right? i mean just saving the values into a variable?

[jnk]

podlob, ill be trying your sample too! thanks again!

[podlob]

yep, it will work fine with ASP

[manipura]

One question about the above script....

When I run menu2 as a multiple select, and in order for it
to return as an array on the next page I put a "[]" at the end
of menu2. I also change the name of the select in the J.S. to
the same thing. But it doesn't work.

I'm working with PHP and I want to be able to select Multiples
on either menu, but the 2nd is better than 1st

[podlob]

You have to use the forms array to do that.

This...

var s = f.menu2;

Should be this...

var s = f["menu2[]"];

here's a link to a multiple dynamic select menu

[manipura]

Exactly what I was looking for. Thanks!

Now I can go home

[jnk]

ok just wanted to say i got it working with ASP. thanks a bunch guys!