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，它将会显示按钮，而不是表单。

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

1 个答案: