powered by simpleCommunicator - 2.0.38     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML] Как сделать удобный SELECT?
6 сообщений из 6, страница 1 из 1
[HTML] Как сделать удобный SELECT?
    #33995604
JDG
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Имеется <SELECT> с большим количеством элементов, выбирать очень не удобно и долго, как заставить селект перепрыгивать на подходящий элемент при вводе с клавиатуры первых символов? Может есть более человеческие скрип эмитирующий селект с нормальным набором возможностей?
...
Рейтинг: 0 / 0
[HTML] Как сделать удобный SELECT?
    #33996017
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в осле это, вроде, должно работать.
...
Рейтинг: 0 / 0
[HTML] Как сделать удобный SELECT?
    #33996322
JDG
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
что за осел?
Нужно в IE.
В IE если список с английскими симвлами, то он пытается хотябы перескакивать на значение по первому символу, а с русскими вообще ноль реакции.
...
Рейтинг: 0 / 0
[HTML] Как сделать удобный SELECT?
    #34000009
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Осел это и есть ie
...
Рейтинг: 0 / 0
[HTML] Как сделать удобный SELECT?
    #34076433
Фотография Amin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Все нормальный браузеры давно уже умеют поиск по первой букве в выпадающем списке. В том числе и по русской букве. Opera 8.50 и Огнелис 1.5 точно это умеют, ие тоже вроде должен - пора бы уже, 7-я версия на носу =)
...
Рейтинг: 0 / 0
[HTML] Как сделать удобный SELECT?
    #34079688
JDG
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем, кто сталкивался с такой проблемой привожу пример реализации комбобокса, который может выбирать значения по введенным буквам.

Делается из текстового поля и <select> с абсолютными координатами.


<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">

function MDCombo_Show(edit,combo,x,y)
{

var edit=document.getElementById(edit);
var combo=document.getElementById(combo);


if (combo.style.visibility=='hidden')
{

combo.style.top=y;
combo.style.left=x;
combo.style.visibility="visible";



}



for (i=0; i< combo.options.length; i++)
{

if (edit.value.toUpperCase()==combo.options(i).text.substring(0, edit.value.length).toUpperCase())
{
combo.options(i).selected=true;
return true;
}
}


}

function MDCombo_Click(edit,combo)
{

var edit=document.getElementById(edit);
var combo=document.getElementById(combo);
for (i=0; i< combo.options.length; i++)
{

if (combo.value==combo.options(i).value)
{
edit.value=combo.options(i).text;
combo.style.visibility="hidden";
return true;
}
}

}

function MDCombo_KeyPress(edit,combo)
{

if (window.event.keyCode==13)

{
MDCombo_Click(edit,combo);

}

}
</script>



<TABLE>
<TR><TD>

<input size=25 id=text_edit type=text onpropertychange=MDCombo_Show('text_edit','combo_edit',13,45); onkeypress=MDCombo_KeyPress('text_edit','combo_edit')><img height=16 width=16 src=md_combo.gif onclick=MDCombo_Show('text_edit','combo_edit',138,79)>

<SELECT name=combo_edit ID=combo_edit SIZE=10 style="POSITION: absolute;visibility='hidden';" onclick=MDCombo_Click('text_edit','combo_edit') onkeypress=MDCombo_Click('text_edit','combo_edit')>
<OPTION VALUE=1>Ауди
<OPTION VALUE=2>БМВ
<OPTION VALUE=3>Вольво
<OPTION VALUE=4>Киа
<OPTION VALUE=5>Лексус
<OPTION VALUE=6>Мерседес
<OPTION VALUE=7>Ниссан
<OPTION VALUE=8>Опель
<OPTION VALUE=9>Субару
<OPTION VALUE=10>Тойота
<OPTION VALUE=11>Хонда
<OPTION VALUE=12>Ягуар
</SELECT>

</TD></TR>

</TABLE>

</FORM>

</BODY>
</HTML>
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML] Как сделать удобный SELECT?
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]