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

时间:2016-08-31 13:12:07

标签: javascript php jquery html angularjs

我一直试图通过javascript或php获取有关为html网页创建导航的教程我一直困惑不已。

我想要实现的是网站上的一种网站导航,用户可以通过选择框选择类别,然后通过另一个选择框填充子类别,当用户选择子类别时,子类别通过另一个选择框填充然后有一个提交转到网址的按钮。

示例:每个国家/地区列表都有自己独特的html页面。因此,如果用户点击提交,他会转到页面obut,如果没有,那么用户可以选择状态,如果选择状态,然后他进入状态唯一的html页面,如果没有,那么他选择城市然后他可以导航到城市唯一的html页面。所以结构看起来像这样:

Country / America.html - 国家/州/ Texas.html - 国家/州/城市/ Texas-city.html

任何帮助或建议都将受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

让我们假设你有这个html页面。

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

现在process.php可能就像

<?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}
?>