VPF::Как сделать автоматический поиск в SELECT

Rusman

Дата 23.7.2009, 09:43 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 312
Регистрация: 4.5.2006
Где: Пермь

Репутация: нет
Всего: нет

Привет всем!
Значит есть SELECT. Туда заносятся данные из MYSQL. К примеру:

Руслан
Андрей
Николай

Есть Input. Вводим в input "Рус" и автоматически в SELECT выходит только Руслан.
Как это реальизовать? Заранее всем спасибо!

dstorm81

Дата 23.7.2009, 10:32 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

ну вот так уж по тупому уж совсем

Код


<html xmlns="http://www.w3.org/1999/xhtml">
<BODY>
<div id="podst"></div>
<INPUT type="text" class="opis" />

<script>
var streetArr=[
'Волжская',
'Гагарина',
'Гастелло',
'Гоголя',
'Дачная',
'Декабристов',
'Железнодорожная 1-я',
'Железнодорожная 2-я',
'Заикина',
'Засорина',
'Зеленая',
'Карла Маркса',
'Комсомольская',
'Космонавтов',
'Краснофлотская',
'Красный переулок',
'Ленина',
'Лиственная',
'Малая Красная',
'Маяковского',
'Мира',
'Мичурина',
'Московская',
'Октябрьская',
'Осипенко',
'Паратская',
'Первомайская',
'Песчаная',
'Почтовая',
'Привокзальная',
'Рогачева',
'Северная',
'Серова',
'Солнечная',
'Союзная',
'Строителей',
'Строительная',
'Татарстан',
'Тимирязева',
'Тихая',
'Тукая',
'Туктарова',
'Тургенева',
'Украинская',
'Фрунзе',
'Чкалова',
'Чайковского',
'Шевченко',
'Школьный переулок',
'Энгельса',
'Юбилейная',
'Юности'
].sort();


document.onkeyup=function(e)
{
e=e||window.event;
E=e.srcElement||e.target;
if(E.className=="opis")
    {
    current_Target=E;
        var autocompl='';
        var m=0;
        for(var i=0;i<streetArr.length;i++)
                {
                if(streetArr[i].toLowerCase().indexOf(current_Target.value.toLowerCase())!=-1)
                    {
                    autocompl+="<option value='"+streetArr[i]+"'>"+streetArr[i]+"<\/option>";m++;
                    }
                }
        if(autocompl!="")
            {if(m>20){m=20}
            document.getElementById("podst").innerHTML='\
            <select  \
            multiple size='+m+' >'+autocompl+'<\/select>';
            }
        else{}
    }
}


</SCRIPT>
</BODY>
</html>

ессли объем данных уж совсем велик, то тут уже ajax надо прикручивать

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

IDVsbruck

Дата 23.7.2009, 11:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 8
Всего: 22

Есть такая книга - "AJAX в действии" (AJAX in action). Этой теме там выделен целый раздел, советую посмотреть - разжевано полностью.

Rusman

Дата 2.9.2009, 20:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 312
Регистрация: 4.5.2006
Где: Пермь

Репутация: нет
Всего: нет

dstorm81,
Ваш код работает только в OPERA, в FF глючит, в IE вообще не работает ((

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »