我正在这个网站上工作,现在我需要它通过 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>
任何帮助将不胜感激。 谢谢,乔奥。
最佳答案
这是一个简单的解决方案:
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";
}
});
关于javascript - HTML onclick 图像不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22737169/