jQuery在单击锚元素时处理href

克莱门特

我正在使用:

<input type="text" class="form-control searchValue">
<a href="#" class="btn btn-default searchButton">Search</a>

为了执行搜索。当用户单击搜索时,jQuery必须获取输入的值,然后将用户重定向到页面本身+“?search = valueInInput”,以便通过使用URL中的GET值在PHP中执行搜索。

为此,我使用了:

$(".searchButton").on("click", function($this){
    var url = location.host + "/index.php?search=" + $(".searchValue").val();
    $(".searchButton").attr("href", url)
 });

问题在于用户永远不会重定向到url,但是我没有输入任何return falsepreventDefault,为什么?

如何更改此项以执行搜索?

Weburway

这对我有用:

$(".searchButton").on("click", function(){
        var url = "/index.php?search=" + $(".searchValue").val();
        $(".searchButton").attr("href", url)
     });

我删除了$ this和location.host。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击锚点元素时更改span元素的文本

来自分类Dev

当微调器使用Selenium和Python将锚元素隐藏时,如何单击该锚元素?

来自分类Dev

通过jQuery设置锚href与本机dom元素

来自分类Dev

单击锚点子元素时防止重定向

来自分类Dev

单击时锚元素未获得焦点

来自分类Dev

检查jQuery单击的元素是否为包含img的锚点

来自分类Dev

防止锚点内单击DOM生成的元素时发生锚点行为

来自分类Dev

为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

来自分类Dev

为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

来自分类Dev

在 jQuery 中单击锚点时设置 asp:HiddenField 值

来自分类Dev

单击滚动按钮时,不想将锚href添加到URL

来自分类Dev

单击时切换特定类(处理程序)的子元素-jQuery

来自分类Dev

如何在页面加载时将类添加到具有特定href的锚元素

来自分类Dev

避免在<a href="">元素上使用jQuery单击功能

来自分类Dev

避免在<a href="">元素上使用jQuery单击功能

来自分类Dev

jQuery:在单击本机音频元素时

来自分类Dev

单击时无法使用jQuery的Ajaxified元素

来自分类Dev

jQuery单击当前元素时添加信息

来自分类Dev

jQuery:在单击本机音频元素时

来自分类Dev

非锚非按钮元素的单击功能

来自分类Dev

在锚元素上设置(单击)属性

来自分类Dev

jQuery:单击父元素时,隐藏子元素。单击子元素时,不要隐藏它

来自分类Dev

如何使用 jQuery 在单击锚点时关闭所有 toastr 消息?

来自分类Dev

jQuery的href防止锚的默认问题

来自分类Dev

jQuery在单击时在href内获取img src

来自分类Dev

单击锚点时如何停止悬停?

来自分类Dev

dynamicjs在单击时显示图像锚点

来自分类Dev

单击时锚滚动不起作用

来自分类Dev

单击时“点击元素”和“查找元素”之间的jquery区别?

Related 相关文章

  1. 1

    单击锚点元素时更改span元素的文本

  2. 2

    当微调器使用Selenium和Python将锚元素隐藏时,如何单击该锚元素?

  3. 3

    通过jQuery设置锚href与本机dom元素

  4. 4

    单击锚点子元素时防止重定向

  5. 5

    单击时锚元素未获得焦点

  6. 6

    检查jQuery单击的元素是否为包含img的锚点

  7. 7

    防止锚点内单击DOM生成的元素时发生锚点行为

  8. 8

    为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

  9. 9

    为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

  10. 10

    在 jQuery 中单击锚点时设置 asp:HiddenField 值

  11. 11

    单击滚动按钮时,不想将锚href添加到URL

  12. 12

    单击时切换特定类(处理程序)的子元素-jQuery

  13. 13

    如何在页面加载时将类添加到具有特定href的锚元素

  14. 14

    避免在<a href="">元素上使用jQuery单击功能

  15. 15

    避免在<a href="">元素上使用jQuery单击功能

  16. 16

    jQuery:在单击本机音频元素时

  17. 17

    单击时无法使用jQuery的Ajaxified元素

  18. 18

    jQuery单击当前元素时添加信息

  19. 19

    jQuery:在单击本机音频元素时

  20. 20

    非锚非按钮元素的单击功能

  21. 21

    在锚元素上设置(单击)属性

  22. 22

    jQuery:单击父元素时,隐藏子元素。单击子元素时,不要隐藏它

  23. 23

    如何使用 jQuery 在单击锚点时关闭所有 toastr 消息?

  24. 24

    jQuery的href防止锚的默认问题

  25. 25

    jQuery在单击时在href内获取img src

  26. 26

    单击锚点时如何停止悬停?

  27. 27

    dynamicjs在单击时显示图像锚点

  28. 28

    单击时锚滚动不起作用

  29. 29

    单击时“点击元素”和“查找元素”之间的jquery区别?

热门标签

归档