Html js，php category / subcategory / subsubcategory Web导航

Question

I've been trying to get a tutorial on creating a navigation for html Webpages via javascript or php I keep ending up puzzled.

What I want to achieve is a sort of website navigation on the site where a user can select Category via select box then subcategory gets populated via another select box and when user selects subcategory then subsubcategory gets populated via another select box then have a submit button that goes to the url.

Example: list of countries each with own unique html page. So if user hits submit he goes to the page obut if not then user can select state if state is selected then he goes to state unique html page and if not then he selects city then he can navigate to cities unique html page. So the structure looks like this:

Country/America.html - Country/State/Texas.html --Country/State/city/Texas-city.html

Any help or advice would be highly appreciated.

Answer 1

Lets assume you have this html page.

<form action="process.php" method="GET">
    <select name="set1">
        <option>Option...1</option>
        <option>Option...2</option>
        <option>Option...n</option>
    </select>
    <select name="set2">
        <option>Option...1</option>
        <option>Option...2</option>
        <option>Option...n</option>
    </select>
    <!-- ... as many as needed -->

    <input type='submit' >
</form>

now process.php could be something like

<?php
//Start backwards so you know the 
//last question answered
if(isset($_GET['set2'])){
    //Assuming the value is the same name as the html page.
    //If the path differs add the directories needed.
    header('Location: {$_GET['set2']}.html');
    exit;
}
else if(isset($_GET['set1'])){
    header('Location: {$_GET['set1']}.html');
    exit;
}
else {//..What to do when nothing was selected}
?>