Я создала поисковую строку по сайту,
задача в том, когда набираешь имя какого-н товара,
то выпадает список, и когда выбираешь нужный тебе товар, нажимаешь на него он
не появляется автоматически в этой поисковой строке, в общем как поисковая
строка в Яндексе: набираешь слово -> выпадает список -> выбираешь нужное
слово -> нажимаешь мышкой на это слово -> оно появляется в поисковом поле, а
остальной список исчезает.
Подскажите как при нажатии из списка слова, оно появлялось в поле, а остальной
список исчезал
<div class="Seach-Block">
<div class="v1">
<div class="Find">
<input class="Find-Text" name="seach_txt" type="text" />
<div class="Find-Button" onclick="Find_Tovar_1(this)">Поиск</div>
<div class="Clear"></div>
<div style="position:relative;">
<div id="seach_result"></div>
</div>
</div>
</div>
</div>
if (isset($_POST['seach_txt'])) {$seach_txt = $_POST['seach_txt'];} else {$seach_txt = '';}
if ($seach_txt) {
$result = mysql_query("SELECT * FROM ".TABLE_TOVARY." WHERE (".COLUMN_TOVAR_NAME." LIKE '%".$seach_txt."%' OR ".COLUMN_TOVAR_NAMEENG." LIKE '%".$seach_txt."%') AND (".COLUMN_TOVAR_MAIN.")");
$seach_res = array();
while ($elem = mysql_fetch_assoc($result)) {$seach_res[] = $elem;};
mysql_free_result($result);
$ch = 0;
foreach ($seach_res as $tovar) { ?>
<div class="Seach-Str">
<a href="#"><?php echo $tovar[COLUMN_TOVAR_NAME] ?></a>
</div>
<?php $ch++;
if ($ch == 10) {break;}
} ?>
<?php } ?>
function Find_Tovar_1(el) {
var el_find = $(el).parents('.Find')[0];
var el_text = $(el_find).find('.Find-Text')[0];
var find_text = $(el_text).val();
$.ajax({
url: "/template/rightblock/seach/seach_ajax.php",
dataType : "html",
type: "POST",
data: "seach_txt="+find_text,
success: function (d, textStatus) {
$('.Seach-Block .v1 .Find #seach_result').html(d);
}
});
}