Very quick form field redirect question

[PerlTrumpsPhp]

Just a quick question. I'm a Perl user, not so much JavaScript so bare with me.

I have a pulldown menu with X number of options. The value of the options are NOT urls but references that my script can decode. My question is this..

Say the form name is "templates" and the pulldown is named "choice". How do I make it redirect to my script, say "

http://www.go.com/cgi-bin/script.cgi?view="

followed by the value of the "choice" menu?

Ie:

<form action="" method="get" name="templates">
<select name="choice">
<option value"frog">Cool Frogs</option>
<option value"turtles">Not tortouses</option>
</select></form>

When the user selects FROGS, I need them to go to

http://www.go.com/cgi-bin/script.cgi?view=frog

I know it's probably easier having a GO button, so I'll take that if someone can help.

 

[BillyRayPreachersSon]

Something like this should work:

<select name="choice" [!]onchange="this.location = '[URL unfurl="true"]http://www.go.com/cgi-bin/script.cgi?view='[/URL] + this.value;"[/!]>

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[PerlTrumpsPhp]

Should this work without a GO button or do I need to put one in?

 

[BillyRayPreachersSon]

Why not try it and find out?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[PerlTrumpsPhp]

I did try it before posting and it does not redirect without a GO button. I haven't used a GO button yet but it's odd that I'd have to use one if it changes the location onChange.

 

[BillyRayPreachersSon]

Odd - it should work. Try replacing "this.location" with "window.location"...

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[PerlTrumpsPhp]

I tried that as well and it's not redirecting

 

[tsuji]

[1] The correct line is "window.location" ("this.location is not.) So stick to the latest try.

[2] You have typos in the option in order to really pick up the value. (It is not critical to the redirecting... only the value would not be picked up.)
[tt]
<option value[red]=[/red]"frog">Cool Frogs</option>
<option value[red]=[/red]"turtles">Not tortouses</option>
[/tt]
[3] If you mean "frogs"...
>When the user selects FROGS, I need them to go to...
In that case, it would ever be possible. It is only possible to choose turtles. Reason? It is scripted on the onchange handling. If you choose "frogs" when loaded, it is not changing anything. Hence, it won't redirect. Since you choose to redirect without recourse, "frogs" will never be a real candidate of being redirected to as query string. In order to let all material options available to redirect, you can do this (among other ways - I am user).
[tt]
<form action="" method="get" name="templates" [red]onchange="if (this.value != '') {window.location = '

http://www.go.com/cgi-bin/script.cgi?view='

+ this.value;}"[/red]>
<select name="choice">
[red]<option value=""> - choose one - </option>[/red]
<option value"frog">Cool Frogs</option>
<option value"turtles">Not tortouses</option>
</select></form>
[/tt]

 

[tsuji]

Amendment
I should have typed the onchange inside the select element, not in the form element! That is what I meant. Here's a re-take.
[tt]
<form action="" method="get" name="templates">
<select name="choice" [red]onchange="if (this.value != '') {window.location = '

http://www.go.com/cgi-bin/script.cgi?view='

+ this.value;}"[/red]>
<option value=""> - choose one - </option>
<option value[red]=[/red]"frog">Cool Frogs</option>
<option value[red]=[/red]"turtles">Not tortouses</option>
</select></form>
[/tt]