从定位标记href URL调用js函数

Question

我有一个带有搜索按钮的搜索框。 当用户在搜索框中输入文本并单击搜索按钮时，应该通过在搜索框中传递输入的文本作为url中的参数来重定向url。

#input tag for search box
<input type="search" placeholder="search" class="search_3">        
<a href="https:.........?searchname=">
    #input tag for search button
    <input type="submit" class="submit_3" value="Search"/>
</a>

我必须在锚标记url中使用输入的文本作为searchname参数。

我怎样才能做到这一点？

Answer 1

我会尝试用HTML正确标记事物，以避免无用的JS。

<form method="GET" action="https:...">
<input type="text" name="searchname"/>
<button type="submit">Go!</button>
</form>

如果input不在form标记之外，则可以使用form属性（请参阅HTML生活规范https://html.spec.whatwg.org/multipage/forms.html#the-input-element ）

Answer 2

只需调用onlclick您的js方法并获取搜索字段值并使用js代码进行重定向即可。您可以这样尝试：

<input type="search" placeholder="search" class="search_3" id="search_3"> 
   <button name="redirect" onClick="redirecturl()" class="submit_3" value="Search">

    <script type="text/javascript">

    function redirecturl()
    { 
    window.location.href = "http://www.example.com/?searchname="+document.getElementById("search_3").value;

    }

    </script>