Question

我有一个组合框和一个按钮。当我单击按钮时，它使用组合框中的值并转到另一页。我的问题是，如何更改它，以便，例如，如果组合框中的值当前为6，则不会定向到页面，而是在同一页面上发出警告，而不是使用组合框中的值6？如果它是6以外的任何值，它只会执行相同的onclick功能。我也是Javascript的新手，所以这就是为什么我现在无法解决这个问题。

Answer 1

你可以试试这样的事情

var mycomboboxval = document.getElementById('mycombobox').value;
var mylink = document.getElementById('mylink');

if(mycomboboxval == 6){
    mylink.href = "#";
    alert("Warning : you can't use number 6");
}else{
    mylink.href = "page.html"; //Replace page.html by the normal link href
}

预览：Codepen

Answer 2

假设你有这个HTML：

<select id="myCombobox"> 
    <option value="6">Value is 6</option>
    <option value="7">Value is 7</option>
</select>
<button onclick="myFunction()">Click me</button>

你的javascript应该是这样的

function myFunction(){
    var comboboxValue = document.getElementById('myCombobox').value;
    if (comboboxValue === 6){
        return false; // do nothing if combobox value is 6 
    }
    else{
        //do your redirection here
    }     
}

如何使用Javascript根据组合框值转到onclick上的页面？

2 个答案: