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

Issue with javascript retrieve form data for url

本文关键字：问题 数据 表单 url 检索 javascript      更新时间：2023-09-26

我对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;
    }

添加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，它会出现在按钮上，而不是表单上。

相关文章：