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