I am totally lost here, but how do I create a drop down menu selection just like the 'Vehicle Selector' found on this page: http://www.autoanything.com/car/93A1.aspx

It should work the same way, one a user selects a year, it returns only certain vehicle makes, then when a make is chosen, it returns only the appropriate models.


I am really lost on this so any help in creating this would be spectacular!

http://remysharp.com/2007/01/20/auto...g-jquery-ajax/

Then just a matter of styling the dropdown boxes using css.

you can see that and the code on the contact forum of my site. feel free to use the image/code for the dropdown box.

http://www.moddish.com/contact-moddi...te-design-firm

hope that helps

ModDish,

Thanks for the reply.

Here's my situation. I am using the Volusion platform which does not support php and I am kind of a novice when it comes to fully designing a site or most code from scratch. I know html, and can play with firebug to see other codes and figure out usually how to implement it into my site.

The problem with your code your provided is the php.

Currently, you can see one of my other business' websites www.beyondsmokes.com

I am currently creating this car parts site and need this vehicle selector to work.

The only other Volusion site I have seen doing this is crutchfield.ca

Here's a direct link: http://www.crutchfield.ca/Car_Audio_Video_s/51.htm

I am not sure how to dissect this auto populating code with firebug so any further help would be greatly appreciated!

Ideally, I'd like to be able to create a new site from scratch with professional help much like carid.com or autoanything.com, something that allows me to do further advanced things and is better for seo, unfortunately I do not have the funds and about all I could offer is stake in the business.

If you can't use php, you could use this:

just copy and paste it into your script, then configure/add your links.

<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>
<!--

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("CSS","46");
group[1][3]=new Option("Ajax","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("Dynamic Drive","http://www.dynamicdrive.com");
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("CSS Drive","http://www.cssdrive.com");
secondGroup[1][2][2]=new Option("CSS Library","http://www.dynamicdrive.com/style/");
secondGroup[1][2][3]=new Option("CSS Help Forums","http://www.codingforums.com/forumdisplay.php?f=13");

secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("Ajaxian","http://www.ajaxian.com");
secondGroup[1][3][2]=new Option("Ajax Scripts","http://www.javascriptkit.com/script/cutindex11.shtml");

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>

When you see dropdown lists (DDLs) like this that are linked where the selection of one affects the items available in others, it's usually referred to as cascading dropdownlists.

I'm just learning ASP.net and I can tell you they're easy to do (which is what they're using on that site). ASP.net has a DDL control that you can specify the select items to be static within the the control or they can be dynamic - hitched up to a datasource, ie a database, and will query the database for applicable items as each selection is made.

Hope that helps.