Question

我正在这个网站上工作，我现在需要通过javascript更改页面。每当我点击图像（充当搜索按钮）时，它就不会按照预期进行操作。

所以这是我的表格（请注意我使用的是基金会）：

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

非常感谢任何帮助。谢谢，Joao。

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/

Answer 2

尝试将return false添加到函数

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

HTML onclick图像不起作用

2 个答案: