点击导航

Onclick Navigation

本文关键字：导航      更新时间：2023-09-26
<select id="drp" value="maindrp" name="maindrp">
        <option>Select Categories</option>
        <option id="vhc" value="mainvhc">Vehicles</option>
        <option id="re" value="mainre">Real Estate</option>
        <option id="pt" value="mainpt">Pets</option>
        <option id="el" value="mainel">Electronics</option>
        <option id="cl" value="maincl">Clothing&Jewerly</option>
        <option id="co" value="mainco">Computers&Network</option>
    </select>
    <input type="text" placeholder="Search" id="msc">
        <input type="submit" value="Go" id="go" onclick= "go();">



function go() { 
    if (document.getElementById("vhc")) { 
        window.location="vehicles.php"; 
    }else if (document.getElementById("re")) { 
        window.location="realestate.php"; } }

我想通过单击功能上的按钮从下拉列表中导航所选项目。谁能帮我？

试试这个，你需要<select>标签的值

function go(){
  var sel = document.getElementById('drp').value; // get value of <select>
  if(sel=='mainvhc')
    window.location.href='vehicles.php';
  ...
}
相关文章：