/    Sign up×
Community /Pin to ProfileBookmark

Adding a second drop-down series

I’ve got a page that I would like to have several series of drop downs, for different forms. I’m using a script based on the one below – what will I need to change (aside from all my links, etc) to make the 2nd (and 3rd) forms work when they’re on the same page as the first? They won’t work as is when they’re on the same page.
Thank you SO much.

<FORM name=”isc”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr align=”center”>
<td nowrap height=”11″> &nbsp;

<select name=”example” size=”1″ onChange=”redirect(this.options.selectedIndex)”>
<option selected>—Select1————-</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select>

<select name=”stage2″ size=”1″ onChange=”redirect1(this.options.selectedIndex)”>
<option value=” ” selected> </option>
<option value=” ” selected>—Select2————–</option>
<option value=” ” selected>—Select2————–</option>
</select>

<select name=”stage3″ size=”1″ onChange=”redirect2(this.options.selectedIndex)”>
<option value=” ” selected> </option>
<option value=” ” selected>—Select3—————-</option>
<option value=” ” selected>—Select3—————-</option>
</select>

<script>
<!–

/*
Triple Combo Script Credit
By Hamid Cheheltani/ JavaScript Kit ([url]http://www.javascriptkit.com[/url])
Visit [url]http://javascriptkit.com[/url] for this and over 400+ other scripts
*
/

var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option(“—Select2—“,” “);

group[1][0]=new Option(“Now Select This One”,” “);
group[1][1]=new Option(“JavaScript”,”47″);
group[1][2]=new Option(“DHTML”,”46″);
group[1][3]=new Option(“CGI”,”45″);

group[2][0]=new Option(“Now Select This One”,” “);
group[2][1]=new Option(“General News”,”115″);
group[2][2]=new Option(“Technology News”,”116″);

var temp=document.isc.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m–)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}

secondGroup[0][0][0]=new Option(“—Select 3—“,” “);
secondGroup[1][0][0]=new Option(“—Select 3—“,” “);
secondGroup[1][1][0]=new Option(“Now Select This One”,” “);
secondGroup[1][1][1]=new Option(“JavaScript Kit”,”http://javascriptkit.com“);
secondGroup[1][1][2]=new Option(“JavaScript for the non programmer”,”http://webteacher.com/javascript/“);
secondGroup[1][1][3]=new Option(“Java-Scripts.net”,”http://java-scripts.net“);

secondGroup[1][2][0]=new Option(“Now Select This One”,” “);
secondGroup[1][2][1]=new Option(“Dynamic Drive”,”http://www.dynamicdrive.com“);
secondGroup[1][2][2]=new Option(“Beginner’s Guide to DHTML”,”http://www.geocities.com/ResearchTriangle/Facility/4490/“);
secondGroup[1][2][3]=new Option(“Web Coder”,”http://webcoder.com/“);

secondGroup[1][3][0]=new Option(“Now Select This One”,” “);
secondGroup[1][3][1]=new Option(“CGI Resources”,”http://www.cgi-resources.com“);
secondGroup[1][3][2]=new Option(“Ada’s Intro to CGI”,”http://adashimar.hypermart.net/“);

secondGroup[2][0][0]=new Option(“—Select 3—“,” “);
secondGroup[2][1][0]=new Option(“Now Select This One”,” “);
secondGroup[2][1][1]=new Option(“CNN”,”http://www.cnn.com“);
secondGroup[2][1][2]=new Option(“MSNBC”,”http://www.msnbc.com“);
secondGroup[2][1][3]=new Option(“ABC News”,”http://www.abcnews.com“);

secondGroup[2][2][0]=new Option(“Now Select A Page”,” “);
secondGroup[2][2][1]=new Option(“News.com”,”http://www.news.com“);
secondGroup[2][2][2]=new Option(“Wired”,”http://www.wired.com“);

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m–)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

function redirect2(z){
window.location=temp1[z].value
}

//–>
</script>

</td>

</tr>
</table>
</FORM>

to post a comment
JavaScript

0Be the first to comment 😎

×

Success!

Help @breanne 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.5,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...