2014-01-20 57 views
0

我想让这个div标签“tile 1”可以选择,点击后它将根据关键词检索搜索结果。让Div输入一个搜索值

<div id="tile1" class="live-tile" data-swap="image" data-direction="horizontal" data-stops="80px,90%,100%,90%,0" data-delay="6000">  
<div> 
<img class="full" src="../bakeware2.png" alt="2" /> 
</div> 
<div> 
<img class="full" src="../bakeware3.png" alt="3" /> 
</div> 
</div> 

这里是我用于我的搜索栏的代码。

<table align="center"> 
    <tr> 
    <td align="center"><form action='search.asp' method='post'> 
     <div style="float:left;"> 
     <input type="search" style="color:#000;" name="keyword" size="30" data-mini="true" value="bakeware"> 
     </div> 
     <div style="float:left;"> 
     <input type=image src="http://www.kitchenova.com/assets/templates/v32029/images/btn-search.gif" border="0" /> 
     </form></td> 
    </tr> 
</table> 

有没有一种方法,我可以让格“tile1”点击就能并将它显示的结果,如果我要输入在实际搜索栏本身说的“cookies”?

+2

你检查的文档jQuery的click事件附加到一个元素应该被记录得非常好! – adeneo

回答

1

是这样的FIDDLE你在找什么?

JS

$('.clickme').click(function(){ 
     var typeaword = $('#getme').val(); 
     typeaword = '123' + typeaword + 'xyz'; 
     $('.putmehere').html(typeaword); 
}); 
+0

关闭,但我希望它实际运行搜索。 –