Перенаправление на ссылку без всплывающего меню в браузере - PullRequest
0 голосов
/ 21 апреля 2019

У меня есть два выпадающих меню с кнопкой отправки, которые перенаправляют посетителей на определенную базу URL по выбору из выпадающих меню.

Проблема: Когда посетитель нажимает кнопку «отправить», браузер показывает ему всплывающее окноменю, как показано на скриншоте ниже.Мне нужно отключить это всплывающее окно.Это означает, что посетитель должен без проблем и прямо попасть на целевой 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>

1 Ответ

3 голосов
/ 21 апреля 2019

Удалите эту часть вашего кода:

alert(pageUrl);

Окно оповещения () Метод

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...