javascript - HTML onclick 图像不工作

Question

我正在这个网站上工作，现在我需要它通过 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>

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

Answer 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/