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

有没有办法使div "tile1“可点击，并让它显示结果，就像我在实际的搜索栏中输入"cookies”一样？

Answer 1

这就是你要找的FIDDLE吗？

JS

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