讓Div輸入一個搜索值

Question

我想讓這個div標籤「tile 1」可以選擇，點擊後它將根據關鍵詞檢索搜索結果。

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

Answer 1

是這樣的FIDDLE你在找什麼？

JS

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