簡體   English   中英

重定向到瀏覽器中沒有彈出菜單的鏈接

[英]Redirect to a Link without Popup Menu in Browser

我有兩個帶有“提交”按鈕的下拉菜單,可根據下拉菜單中的選擇將訪問者重定向到特定的url。

問題:當訪客單擊“提交”按鈕時,瀏覽器向他顯示一個彈出菜單,如下面的屏幕快照所示。 我需要禁用此彈出窗口。 這意味着訪問者應該平穩,直接地到達目標網址。

截圖

HTML

<form>
  <select id="carbrand">
    <option value="volvo">Volvo</option>
    <option value="saab" selected="selected">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

  <select id="carcolor">
    <option value="white">White</option>
    <option value="black" selected="selected">Black</option>
    <option value="red">Red</option>
    <option value="blue">Blue</option>
  </select>

  <br/><br/>

  <input id="btnCallURL" type="button" value="Call URL">  
</form>

使用Javascript



<script>

document.getElementById('btnCallURL').onclick = function() { 
    var carbrandObj = document.getElementById('carbrand');
    var carcolorObj = document.getElementById('carcolor');

    var carbrandValue = carbrandObj.options[carbrandObj.selectedIndex].value;
    var carColorValue = carcolorObj.options[carcolorObj.selectedIndex].value;

    jsCallUrl(carbrandValue, carColorValue);
}

function jsCallUrl(carbrandValue, carColorValue){

    var pageUrl = "";

    switch (carbrandValue){
        case "volvo":
            switch (carColorValue){
            case "white":
                pageUrl = "volvo-white-page-url.php";
                break;
            case "black":
                pageUrl = "volvo-black-page-url.php";
                break;
            default:
                pageUrl = "volvo-othercolor-page-url.php";
                break;
          }
          break;
        case "saab":
            switch (carColorValue){
            case "white":
                pageUrl = "saab-white-page-url.php";
                break;
            case "black":
                pageUrl = "saab-black-page-url.php";
                break;
            default:
                pageUrl = "saab-othercolor-page-url.php";
                break;
          }
          break;
    }

    alert(pageUrl);

    if (pageUrl != ""){
      location.href = "https://domain/" + pageUrl;
    }
}

</script>

刪除部分代碼:

alert(pageUrl);

窗口alert()方法

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM