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);
});

让Div输入搜索值

1 个答案: