VPF::Выпадающий список - Форум программистов

Гость_Андрей

Дата 30.9.2004, 12:18 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Надо как то организовать подстановку значений в поле, например есть поле ввода текста и оноже выпадающий список, по умолчанию значения этого списка такие: яблоко, яблоня, яша, артем.
Когда пользователь не ввел никакого текста выпадающий список состоит таким, как поумолчанию.
Пользователь вводит букву я, и выпадающий список становится из элементов яблоко, яблоня, яша, теперь пользователь пишит дальше яб, и теперь список у нас из таких элементов яблоко, яблоня, теперь пользователь может писать слово до конца, или просто выбрать из списка, он решил писать до конца, пишит яблок, и список состоит из одного элемента яблоко. Как мне это организовать!

GoodBoy

Дата 30.9.2004, 12:22 (ссылка)

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

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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

Цитата

есть поле ввода текста и оно же выпадающий список

А ты уверен что в JS такое вообще существует??? Я о таком и не слышал!!! Вот в Дельфи/Билдере - бывает...

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

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

Forza

Дата 30.9.2004, 12:28 (ссылка)

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

Загрузка ...

Шустрый

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

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

Можно сделать в виде двух полей - текстового и списка. И на текстовое повесить onKeyup.

Гость_Андрей

Дата 30.9.2004, 13:18 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Цитата

Можно сделать в виде двух полей - текстового и списка. И на текстовое повесить onKeyup.

А пример можно, ты млю идею понял, помоги!!!

Gold Dragon

Дата 30.9.2004, 13:24 (ссылка)

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

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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

в <input type="text"> вводишь текст, при onKeyup вызываешь функцию, где проверяешь в

<select name="">
<option value="1" SELECTED></option>
<option value="2">яблоко</option>
<option value="3">яблоня</option>
<option value="4">яша</option>
<option value="5">артем</option>
</select>

опции на совпадение, если не совпадает, то эту конкретную опцию скрываешь.

Что-то примерно так

Это сообщение отредактировал(а) Red Dragon - 30.9.2004, 13:25

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

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Forza

Дата 30.9.2004, 14:47 (ссылка)

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

Загрузка ...

Шустрый

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

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

Red Dragon, а как можно скрыть опцию у селекта? Поискав, в МСДНе такого не нашёл.
Есть только remove, но это немного не то.

GoodBoy

Дата 30.9.2004, 14:51 (ссылка)

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

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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

Я думаю только пересоздав селект заново, оставив нужные элементы!

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

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

Gold Dragon

Дата 30.9.2004, 15:07 (ссылка)

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

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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

GoodBoy
Да, скорее всего. Что-то порылся, хотя у <option> есть свойство style, но display='none' применимо только к <select>

Лучше будет задавать енто всё динамически, а содержимое хранить в массиме. Ща чё-нить попробую сочинить

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

Гость_Андрей

Дата 30.9.2004, 17:00 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Ф в java не шарю, а для пхп скрипта срочно нужну, плиз подробный пример можно!

Alx

Дата 30.9.2004, 17:30 (ссылка)

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

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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

document.selectid.options.remove(*)

* - номер элемента в выпадающем списке. (начиная с 0, ессно)

а не проще сделать div? я пожалуй такое сделаю!

ряз Red Dragon с select'ом делает уже...

Это сообщение отредактировал(а) ALEXANDRO - 1.10.2004, 08:39

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

Alx

Дата 30.9.2004, 21:52 (ссылка)

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

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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

Код


<html>
<head>
<script>
function checkFunc()
{for (var i=0; i<=words.cells.length-1; i++)
{if ((inp.value != "")  && (inp.value != " "))
{words.cells[i].style.display='none';
}
}
for (var i=0; i<=words.cells.length-1; i++)
{if ((words.cells[i].innerText.indexOf(inp.value) == "0"))
{words.cells[i].style.display='block';
}
}
setTimeout("checkFunc()",1)
}
function sel(obj)
{obj.bgColor="#99ccff";
obj.style.cursor='hand';
}
function blu(obj)
{obj.bgColor="#6699cc";
}
</script>
<style>
td {font-family:Verdana;font-size:10pt;color:white;}
</style>
</head>
<body onload="checkFunc()">
<input type="text" size="20" id="inp">
<br>
<div style="position:absolute;overflow:auto;height:65;width:143;background:#6699cc;" align="center">
<table width="90%" id="words" cellspacing="0" cellpadding="0">
<tr onmouseover="sel(this)" onmouseout="blu(this)">
<td onclick="inp.value=this.innerText">
<div>яблоко</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div>яблоня</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div id="3">яша</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div>андрей</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div>виталик</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div>артём</div>
</td>
</tr>
<tr onmouseover="sel(this)" onmouseout="blu(this)" onclick="inp.value=this.innerText">
<td>
<div>гриша</div>
</td>
</tr>

</div>
</body>
</html>

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

Гость_Андрей

Дата 1.10.2004, 09:40 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

ALEXANDRO спасибо тебе огромное, и всем кто мучился ради меня, парни, вы меня выручили!!

Gold Dragon

Дата 1.10.2004, 09:56 (ссылка)

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

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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

Отличный код..

Только не могу понять, почему если использовать не таймер, а, например,
<input type="text" size="20" id="inp" onkeypress="checkFunc()">
функция вызывается с запозданием в один клик

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

Alx

Дата 1.10.2004, 12:54 (ссылка)

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

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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

Цитата

Только не могу понять, почему если использовать не таймер, а, например,
<input type="text" size="20" id="inp" onkeypress="checkFunc()">
функция вызывается с запозданием в один клик

да, я тоже с этим намучился! пришлось таймер сделать. всё из-за того, что текст вводится после выполнения функции, а надо перед!...

PS .... 2 Sardar...

интересно... а я могу за это потребовать респект? ...

нет, просто интересно...

))))))))

Это сообщение отредактировал(а) ALEXANDRO - 1.10.2004, 12:56

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

GoodBoy

Дата 1.10.2004, 12:58 (ссылка)

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

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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

Цитата(ALEXANDRO @ 1.10.2004, 13:54)

а я могу за это потребовать респект

Потребовать - явно не можешь!!!

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

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

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