linked dropdowns

[slowfish]

Hi

I know this has been asked many times before but I can't seem to work out a way of doing the following...

First dropdown options are yes/no
Second dropdown options are yes/no

If yes selected from first dropdown, selected value of second dropdown is also "yes"

thanks

 

[ggriffit]

you could look at something like

http://www.greggriffiths.org/webdev/clientside/javascript/linkeddropdowns/

to get you started, although the actual JS for what you are looking for should be relatively simple for you and can be based on

http://www.mredkj.com/tutorials/tutorial003.html.

Greg Griffiths
Livelink Certified Developer & ECM Global Star Champion 2005 & 2006

http://www.greggriffiths.org/livelink/

 

[slowfish]

Thanks for that, but still having trouble.... any ideas?

function selectOption()
{
var selObj = document.ff.getElementById('selarchived');
if (document.ff.deceased.options[document.ff.deceased.selectedIndex].value == 'yes') {
selObj.document.ff.archived.options[document.ff.archived.selectedIndex].value = 'yes';
}

}

 

[feherke]

Hi

There you are changing the [tt]value[/tt] of the currently selected [tt]option[/tt]. Is like replacing this :

[small][b]<select[/b] [maroon]name[/maroon][teal]=[/teal][green][i]"archived"[/i][/green][b]>[/b]
[b]<option[/b] [maroon]value[/maroon][teal]=[/teal][green][i]"yes"[/i][/green][b]>[/b]Yes[b]</option>[/b][/small]
[b]<option[/b] [maroon]value[/maroon][teal]=[/teal][green][i]"no"[/i][/green] [maroon]selected[/maroon][teal]=[/teal][green][i]"selected"[/i][/green][b]>[/b]No[b]</option>[/b]
[small][b]</select>[/b][/small]

with this :

[small][b]<select[/b] [maroon]name[/maroon][teal]=[/teal][green][i]"archived"[/i][/green][b]>[/b]
[b]<option[/b] [maroon]value[/maroon][teal]=[/teal][green][i]"yes"[/i][/green][b]>[/b]Yes[b]</option>[/b][/small]
[b]<option[/b] [maroon]value[/maroon][teal]=[/teal][green][i]"[highlight]yes[/highlight]"[/i][/green] [maroon]selected[/maroon][teal]=[/teal][green][i]"selected"[/i][/green][b]>[/b]No[b]</option>[/b]
[small][b]</select>[/b][/small]

Given that you have the same two values in both [tt]select[/tt]s, I would manipulate only the [tt]selectedIndex[/tt] properties :

[b]function[/b] [COLOR=darkgoldenrod]selectOption[/color][teal]()[/teal]
[teal]{[/teal]
  [b]if[/b] [teal]([/teal]document[teal].[/teal]ff[teal].[/teal]deceased[teal].[/teal]selectedIndex[teal]==[/teal][purple]0[/purple][teal])[/teal]
    document[teal].[/teal]ff[teal].[/teal]archived[teal].[/teal]selectedIndex[teal]=[/teal][purple]0[/purple][teal];[/teal]
[teal]}[/teal]

Feherke.

http://free.rootshell.be/~feherke/

 

[slowfish]

That's perfect... and very simple!
Many thanks Feherke