javascript检索url的表单数据时出现问题

我对javascript有点陌生，但是我创建了一个提交表单，我想根据表单输入将我重定向到url。这是我当前的代码

然而，我遇到的问题是表单发送给我的是初始值，而不是更新后的表单值（不管发生什么情况，它都使用“whatevs”）

HTML

---

添加

return

并使用

onsubmit

：

 <form id="Search-Form" onsubmit="return genURL()"><label>Value: </label> 
 <input type="text" id="search" placeholder="Enter Value"></input>                           
 <div id="search-buttons">
     <input id="searchSubmit" value="whatevs" type="submit"  tabindex="1" />
 </div>
 </form>

---

如果要使用onclick，它将出现在按钮上，而不是表单上。

onsubmit

而不是

onclick

document.getElementById（“search”）.value

而不是

document.getElementById（“searchSubmit”）.value

    function genURL() {
        var searchSubmit = document.getElementById("searchSubmit").value;
        window.location = "randomsite/view" + searchSubmit;
    }

 <form id="Search-Form" onsubmit="return genURL()"><label>Value: </label> 
 <input type="text" id="search" placeholder="Enter Value"></input>                           
 <div id="search-buttons">
     <input id="searchSubmit" value="whatevs" type="submit"  tabindex="1" />
 </div>
 </form>

function genURL()
{
    location.href = "randomsite/view" + document.getElementById("search").value;
    return false;
}