Сделать Div введите значение поиска

0

Я хотел бы сделать этот тег 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" доступным по клику и отобразить ли он результаты, как если бы я набирал слова "cookie" в самой строке поиска?

  • 2
    Вы проверили документацию для jQuery, прикрепление события click к элементу должно быть документировано очень хорошо!
Теги:
forms

1 ответ

1

Это FIDDLE, что вы ищете?

JS

$('.clickme').click(function(){
       var typeaword = $('#getme').val();
       typeaword = '123' + typeaword + 'xyz';
       $('.putmehere').html(typeaword);
});
  • 0
    закрыть, но я бы хотел, чтобы на самом деле запустить поиск.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню