从锚标记href url调用js函数

时间:2016-10-10 08:23:33

标签: javascript html html5

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

;with cte as(
    select rn = row_number() over(
        partition by EmpId
        order by Id desc
    ), *
    from [your_table_name]
)
select ID, EmpID, Salary, Leave, TakenLeave, field1, field2, field3 from cte
where rn = 1;

我必须使用锚标记网址中的searchname参数的输入文本。

我怎样才能实现这个目标?

2 个答案:

答案 0 :(得分:3)

我会尝试HTML标记正确的东西,以避免无用的JS。

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

如果form位于input标记之外,您可以使用form属性(请参阅HTML生活规范https://html.spec.whatwg.org/multipage/forms.html#the-input-element

答案 1 :(得分:0)

只需调用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>