javascript - 用多个提交按钮识别点击提交按钮的值

Question

我有这样的情况，我需要跟踪点击了哪个提交按钮，以便根据它设置变量。下面是测试代码，

<script>
function submitForm(form) {
    alert(document.getElementById('sb').value);
    if (document.getElementById('sb').value=="One") {
        //Do something
    }
    return true;
}
</script>


<form action="" method="get" onsubmit="return submitForm(this);">
    <input type="submit" name="sb" value="One">
    <input type="submit" name="sb" value="Two">
    <input type="submit" name="sb" value="Three">
</form>

即使我单击按钮二或三，警报也始终显示一。但是 url 随可点击参数而变化。如何提醒可点击提交按钮中的值？

注意:我想要一个没有 JQuery 的解决方案

编辑:我更改了 onsubmit 调用 submitForm(this) 的代码位；问题甚至是使用 document.forms[0].sb.value 其未定义，因为 document.forms[0].sb 返回所有提交按钮的节点列表，与 document.getElementById('sb')

Answer 1

以下是我认为更简单的解决此问题的方法。它不需要任何额外的事件。

<script>
function submitForm(form) {
    console.log(document.activeElement.value);
    if (document.activeElement.value == 'One') {
       console.log("Have one.");
       return false;
    }
    return true;
}

</script>


<form action="" method="get" onsubmit="return submitForm(this);">
    <input type="submit" name="sb" value="One">
    <input type="submit" name="sb" value="Two">
    <input type="submit" name="sb" value="Three">
</form>

jsfiddle

我想知道表单如何将查询设置为“?sb={value}”。