使用跳转菜单创建导航

Question

我正在制作一个响应式网站，因此当它处于移动大小时，导航变成一个跳转菜单，这一切都很好，很漂亮！

但是当我每次跳转到另一个页面时在跳转菜单上更改页面时，跳转菜单的父项都停留在主页上，因此我无法从另一个菜单上单击回来，我怎么在主页上这样说呢？我单击以转到电子页面，在电子页面上，在电子菜单上勾选了跳转菜单？

ps我无法在每个页面上更改它，因为我在每个页面上都拉入了相同的导航栏，以下是我目前使用的代码

<form name="form" class="mob-nav">
          <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
            <option value="index.php">Home</option>
            <option value="how-it-works.php">How it works</option>
            <option value="gas.php">Gas</option>
            <option value="electric.php">Electric</option>
            <option value="telecoms.php">Telecoms</option>
            <option value="services.php">Services</option>
            <option value="contact.php">Contact</option>
          </select>
        </form>

这是网站的链接http://79.170.44.126/rkhconsultants.co.uk/

Answer 1

用一些PHP修复了它

<?
        if ($PHP_SELF != '/rkhconsultants.co.uk/index.php')
        { $page1 = ''; } else { $page1 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/how-it-works.php')
        { $page2 = ''; } else { $page2 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/gas.php')
        { $page3 = ''; } else { $page3 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/electric.php')
        { $page4 = ''; } else { $page4 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/telecoms.php')
        { $page5 = ''; } else { $page5 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/services.php')
        { $page6 = ''; } else { $page6 = 'selected'; }
        if ($PHP_SELF != '/rkhconsultants.co.uk/contact.php')
        { $page7 = ''; } else { $page7 = 'selected'; }
    ?>

<form name="form" class="mob-nav">
          <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
            <option <?echo $page1;?> value="index.php">Home</option>
            <option <?echo $page2;?> value="how-it-works.php">How it works</option>
            <option <?echo $page3;?> value="gas.php">Gas</option>
            <option <?echo $page4;?> value="electric.php">Electric</option>
            <option <?echo $page5;?> value="telecoms.php">Telecoms</option>
            <option <?echo $page6;?> value="services.php">Services</option>
            <option <?echo $page7;?> value="contact.php">Contact</option>
          </select>
       </form>

Answer 2

简而言之，您需要在option元素内添加selected标签

 <option selected value="electric.php">Electric</option>

因此，您将要复制通过PHP在导航中添加active类的代码。