HTML onclick 图像不起作用答案

【问题标题】：HTML onclick image not workingHTML onclick 图像不起作用
【发布时间】：2014-03-29 21:32:12
【问题描述】：

我正在开发这个网站，我现在需要它来通过 javascript 更改页面。并且每当我单击图像（充当搜索按钮）时，它并没有做它应该做的事情。

这是我的表单（注意我使用的是 Foundation）：

<form>
  <div class="ten columns" style="margin-left:0px">
      <input type="text" id="search" name="search" placeholder="Search..."/>
  </div>
  <div class="two columns" style="margin-left:0px">
  <input type="image" src="img/search.png" width="20" height="20" onClick="return getSearch()"/>
  </div>
</form>

这是getSearch 函数：

<script src="foundation/javascripts/jquery.js"></script>
  <script src="foundation/javascripts/foundation.min.js"></script>
  <script src="foundation/javascripts/app.js"></script>

  <script>
function getSearch(){
    var searchValue = $('#search').val();
    if(searchValue == 'shirt'){
        window.location.href = "feed.html";
    }
}
</script>

任何帮助将不胜感激。谢谢，乔奥。

【问题讨论】：

你有没有巧合地将这个函数放在文档就绪函数或类似的东西中？
你把函数放在哪里了？
输入类型图片？ 90年代叫...
不，我没有。我认为没有必要，因为我只在单击图像（按钮）时才需要它
@adeneo 它在人员 onclick 中被调用，因此不需要 .ready()

标签： javascript jquery html forms url-redirection

【解决方案1】：

这是一个简单的解决方案：

html：

<form>
  <div class="ten columns" style="margin-left:0px">
      <input type="text" id="search" name="search" placeholder="Search..."/>
  </div>
  <div class="two columns" style="margin-left:0px">
  <img src="img/search.png" width="20" height="20" id="myImg"/>
  </div>
</form>

js:

  $("#myImg").click(function(){
    var searchValue = $('#search').val();
    if(searchValue == 'shirt'){
        window.location.href = "feed.html";
    }
});

现场示例：http://jsfiddle.net/choroshin/LgY2y/1/

【讨论】：

现在工作。非常感谢:)

【解决方案2】：

尝试在函数中添加return false

function getSearch(){
    var searchValue = $('#search').val();
    if(searchValue == 'shirt'){
        window.location.href = "feed.html";
        return false;
    }
}

【讨论】：