Автовыбор названия из прайса по букве

S
На сайте с 05.01.2010
Offline
80
737

Имеется калькулятор тарифов, нужный товар приходится искать в длинном выпадающем списке. Подскажите как сделать в этом поле мини поиск, что бы покупатель мог начать вводить в поле свой товар и происходил бы плавный отсев того что уже не подходит из выпадающего списка.

Плюсоните если помог...
[Удален]
#1
fa2m
На сайте с 07.09.2011
Offline
23
#2

Soxay, также можно попробовать с помощью jquery http://jqueryui.com/demos/autocomplete/

Встречи в Днепре /ru/forum/736064 (/ru/forum/736064) Беклинк за копейку. Удобный сервис анализа обратных ссылок. (http://backlink.page-weight.ru/)
S
На сайте с 05.01.2010
Offline
80
#3

спасибо, попробую

---------- Добавлено 17.07.2012 в 20:05 ----------

Александр, а куда вставляется вот этот кусок кода?

var field = $('#list').find('option');

// собственно поиск

$('#searchInput').bind('keyup', function() {

var q = new RegExp($(this).val(), 'ig');

for (var i = 0, l = field.length; i < l; i += 1) {

var option = $(field),
parent = option.parent();

if ($(field).text().match(q)) {
if (parent.is('span')) {
option.show();
parent.replaceWith(option);
}
} else {
if (option.is('option') && (!parent.is('span'))) {
option.wrap('<span>').hide();
}
}
}
});

---------- Добавлено 17.07.2012 в 20:09 ----------

выпадающий список у меня прописан вот так
<td align="right">
<select id="city" name='city'>
<?php

foreach($city as $k=>$v){
echo "<option value='".trim($v)."'>".trim($v)."</option>";
}
?>
</select>
</td>

S
На сайте с 05.01.2010
Offline
80
#4

сделал по http://www.linkexchanger.su/2011/700.html

С помощью вот такого кода по набраным буквам выпадает список совпадений. Молу ли я его ограничить скажем 10 совпадениями, а потом поставить прокрутку?

<script type="text/javascript">

$(function(){
var availableTags = [ <?php
foreach($city as $k=>$v)
{
echo "\"".trim($v)."\", ";
}
?>
];
$("#city").autocomplete({
source: availableTags
});
});
</script>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий