javascript - javascript 检索 url 表单数据的问题

Question

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

但是我遇到的问题是表单向我发送初始值而不是更新后的表单值(无论如何它都使用“whatevs”)。

HTML

     <form id="Search-Form" onClick="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>

Javascript

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

Answer 1

添加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>

像这样修改函数:

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

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