ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выпадающий список input
25 сообщений из 26, страница 1 из 2
  1  все
Выпадающий список input
    #38282218
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Здравствуйте!

Подскажите, как реализовать такую штуку:
Сейчас есть простой текстовый инпут #frF3
Хочу запихать в него список валидации, чтоб юзер мог только выбирать заранее заданные значения из списка
Как это сделать?

Спасибо
...
Рейтинг: 0 / 0
01.06.2013, 07:53
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283074
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
В самом простом варианте использовать <SELECT><OPTION> тэги.
У этого решения есть неодстаток: инкрементный поиск поддерживается только по одной первой букве.
Для бщего случая рекомендовал бы найти реализацию списка заполняесого значениями из базы данных. (С использованием технологии Аякс)
...
Рейтинг: 0 / 0
02.06.2013, 23:27
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283089
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Смотри по ключевому слову "autocomplete" (если я правильно понял то, о чем говорится). Вариантов навалом. Я использую фреймворк KendoUI, поэтому пользуюсь этим контролом . Аналоги есть практически во всех фреймворках. Не хочется юзать фреймворк, разберись с кодом.
...
Рейтинг: 0 / 0
03.06.2013, 00:29
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283302
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Спасибо за ответы, но я не это просил :)
Поиск мне не нужен, нужно только Serge 007выбирать заранее заданные значения из списка
Вот код, который мне подходит:
Код: html
1.
2.
3.
4.
5.
<select id = "List">
 <option>red</option>
 <option>green</option>
 <option>blue</option>
</select>



Как его запихать в существующий инпут, про который известно только что его id frF3?
...
Рейтинг: 0 / 0
03.06.2013, 10:59
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283529
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Serge 007Вот код, который мне подходит:
Код: html
1.
2.
3.
4.
5.
<select id = "List">
 <option>red</option>
 <option>green</option>
 <option>blue</option>
</select>



Как его запихать в существующий инпут
Селект в инпут не запихивется...
...
Рейтинг: 0 / 0
03.06.2013, 12:49
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283538
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
А как быть?..
...
Рейтинг: 0 / 0
03.06.2013, 12:51
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283545
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Serge 007А как быть?..Использовать элемент <select> вместо простого текстового инпута.
...
Рейтинг: 0 / 0
03.06.2013, 12:54
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283570
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Я не могу отказаться от инпута, он системный :(

Нашел список как требуется здесь .
Как его прикрутить к имеющемуся инпуту?
...
Рейтинг: 0 / 0
03.06.2013, 13:02
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283577
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Serge 007Я не могу отказаться от инпута, он системный :(можете
посредством JS удалить, а на его место вставить select
...
Рейтинг: 0 / 0
03.06.2013, 13:05
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283603
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Видно без дополнительных пояснений не обойтись :)
Есть форум. На форуме, при создании тем, есть поле "Описание темы" (тот самый input). В это поле пишут всё что угодно, кроме того что нужно. Я хочу сделать в нём выпадающий список, который будет фактически присваивать каждой теме свою категорию (список небольшой и заранее определён). Далее по этому полю можно будет фильтровать темы и/или переносить их при необходимости в соответствующие ветки. Как-то так :)
...
Рейтинг: 0 / 0
03.06.2013, 13:16
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283608
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
а разве эту задачу нельзя выполнить посредством убийства input и создания на его месте select ?
...
Рейтинг: 0 / 0
03.06.2013, 13:18
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283640
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Не знаю. Может и можно. А не возникнет проблем с этим полем?
Просто если добавить список как я хочу - проблем точно не возникнет
...
Рейтинг: 0 / 0
03.06.2013, 13:32
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283651
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Serge 007А не возникнет проблем с этим полем?
Все проблемы с селектом будут только от тебя... Сам селект еще никого не обижал.
...
Рейтинг: 0 / 0
03.06.2013, 13:37
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283655
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Serge 007Не знаю. Может и можно. А не возникнет проблем с этим полем?
Просто если добавить список как я хочу - проблем точно не возникнетМожно.
Вот например . Правда там для элемента <select> создаётся инпут и кнопка, а сам <select> скрывается. Это делают, чтобы получить стилизованный выпадающий список.
Но итог-то один: на странице есть инпут, кнопка, список (<ul>) и невидимый <select>, - и это работает.
...
Рейтинг: 0 / 0
03.06.2013, 13:40
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283673
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Serge 007А не возникнет проблем с этим полем?смотря что с ним делают чужие JS/CSS

если например обращаются по селектору input.myclass то конечно уже не найдут

но это уж Вам виднее
...
Рейтинг: 0 / 0
03.06.2013, 13:45
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283684
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
krvsaСам селект еще никого не обижалЭто понятно
Я про устройство форума. Наверняка штатный инпут там в куче мест кода прописан, иначе как по нему сортировка делается...

skyANAна странице есть инпут, кнопка, список (<ul>) и невидимый <select>, - и это работает.Вот! Как это сделать?
...
Рейтинг: 0 / 0
03.06.2013, 13:48
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283720
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Serge 007krvsaСам селект еще никого не обижалЭто понятно
Я про устройство форума. Наверняка штатный инпут там в куче мест кода прописан, иначе как по нему сортировка делается...Как делается сортировка по инпуту? Вы вообще понимаете, как Ваш форум работает-то, где хранятся данные, какова их структура?

Serge 007skyANAна странице есть инпут, кнопка, список (<ul>) и невидимый <select>, - и это работает.Вот! Как это сделать?Вам код написать?
...
Рейтинг: 0 / 0
03.06.2013, 13:58
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283764
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
skyANAВы вообще понимаете, как Ваш форум работает-то, где хранятся данные, какова их структура?Понимаю, но не всё. Большая часть кода скрыта и не редактируется. Но вообще-то вопрос не понял. При чём здесь данные и структура? Я просил лишь выпадающий список...

skyANAВам код написать?Если это не сложно, то прошу написать. Сам я пока в этом плоховато разбираюсь...

ЗЫ Если кому надо помочь решить какие задачки в Excel или на VBA - заходите, я на этой ветке обитаю :)
...
Рейтинг: 0 / 0
03.06.2013, 14:22
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283820
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Serge 007, хм, например так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<!DOCTYPE HTML>
<html>  
<head></head>  
<body>
  <label>Описание темы:
    <input id="frF3" name="description" type="text" />
  </label>
  <script>
    var input = document.getElementById('frF3'),
        parent = input.parentNode,
        select = document.createElement('SELECT');
      
    select.id = input.id;
    select.innerHTML =
      '<option>Red</option>' + 
      '<option>Green</option>' + 
      '<option>Blue</option>';
    select.name = input.name;
      
    parent.insertBefore(select, input);
    parent.removeChild(input);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
03.06.2013, 15:07
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38283849
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Ух ты! Прямо как и хотелось! Спасибо всем кто принимал участие в обсуждении и особенно skyANA !

Буду потихоньку изучать код и учится. Спасибо ещё раз!
...
Рейтинг: 0 / 0
03.06.2013, 15:33
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38319884
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Подскажите пожалуйста, а что надо изменить, что бы это работало в ишаке ниже десятки?
...
Рейтинг: 0 / 0
04.07.2013, 09:00
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38321136
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Serge 007, например так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<!DOCTYPE HTML>
<html>  
<head></head>  
<body>
  <label>Описание темы:
    <input id="frF3" name="description" type="text" />
  </label>
  <script>
    var input = document.getElementById('frF3'),
        parent = input.parentNode,
        select = document.createElement('SELECT');
      
    select.id = input.id;
    select.name = input.name;
    select.options[0] = new Option('Red');
    select.options[1] = new Option('Green');
    select.options[2] = new Option('Blue');
      
    parent.insertBefore(select, input);
    parent.removeChild(input);
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
04.07.2013, 19:59
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38321392
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
skyANA , Вы великолепны!
Мне уже пара пользователей отписались - работает
Спасибо большое!
...
Рейтинг: 0 / 0
05.07.2013, 08:57
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38379234
Фотография Serge 007
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Serge 007
Участник
Serge 007Мне уже пара пользователей отписались - работаетНо не у всех...
Можно как-то подлатать?

...
Рейтинг: 0 / 0
27.08.2013, 20:31
| Ответить | Цитировать | Написать  
Выпадающий список input
    #38379247
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
skyANA
Код: html
1.
2.
3.
    select.options[0] = new Option('Red');
    select.options[1] = new Option('Green');
    select.options[2] = new Option('Blue');

вроде бы правильнее
Код: javascript
1.
2.
select.options.add(new Option('Red'));
...
...
Рейтинг: 0 / 0
27.08.2013, 20:46
| Ответить | Цитировать | Написать  
25 сообщений из 26, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выпадающий список input
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38283608&tid=1447949]:
 0ms
get settings:
 11ms
get forum list:
 18ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 189ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 72ms
get tp. blocked users:
 2ms
others: 241ms
total:  553ms
созд. / загр.: 553ms
x
x
Закрыть


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