/    Sign up×
Community /Pin to ProfileBookmark

Please Help with scripting action menus!

I am trying to create populating dropdown menus with the populated menu linking to a URL on my site, but now sure where to put the code for the URL GoTo action, Javascript is now my thing and would appreciate some help!!

My Code looks like this:
[COLOR=”Red”](e.g. when City33 is selected, I would like the URL to be fetched)[/COLOR]

<script language=javascript>
var aa = new Array(“state1″,”state2″,”state3”);
state1 = new Array(“city1″,”city2”);
state2 = new Array(“city21″,”city22″,”city23”);
state3 = new Array(“city31″,”city32″,”city33”);

function changeval()
{
var val1 = document.sform.sel1.value;
var optionArray = eval(val1);
for(var df=0; df<optionArray.length; df++)
{
var ss = document.sform.sel2;
ss.options.length = 0;
for(var ff=0; ff<optionArray.length; ff++)
{
var val = optionArray[ff];
ss.options[ff] = new Option(val,val);
}
}
}
</script>

<form name=sform>
<select name=sel1 onchange=changeval()>
<script language=javascript>
for(var dd=0; dd<aa.length; dd++)
{
document.write(“<option value=””+aa[dd]+””>”+aa[dd]+”</option>”);
}
</script>
</select>

<select name=sel2>
</select>

</form>

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@vwphillipsSep 30.2008 — [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
</head>

<body>
<script language=javascript>
var aa = new Array("state1","state2","state3");
state1 = new Array(["city1"],["city2"]);
state2 = new Array(["city21"],["city22"],["city23"]);
state3 = new Array(["city31"],["city32"],["city33","http://www.webdeveloper.com/forum/showthread.php?t=192348"]);

function changeval()
{
var val1 = document.sform.sel1.value;
var optionArray = eval(val1);
for(var df=0; df<optionArray.length; df++)
{
var ss = document.sform.sel2;
ss.options.length = 0;
for(var ff=0; ff<optionArray.length; ff++)
{
var val = optionArray[ff];
ss.options[ff] = new Option(val[0],val[1]||'');
}
}
}

function Link(sel){
if (sel.value) this.top.location=sel.value;

}


</script>

<form name=sform>
<select name=sel1 onchange=changeval()>
<script language=javascript>
for(var dd=0; dd<aa.length; dd++)
{
document.write("<option value=""+aa[dd]+"">"+aa[dd]+"</option>");
}
</script>
</select>

<select name=sel2 onchange="Link(this);">
</select>

</form>
Reply With Quote
</body>

</html>[/CODE]
×

Success!

Help @robbarclay spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...