Автор Тема: поле "свободного ввода"  (Прочитано 3265 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн yerdi

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 3
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
поле "свободного ввода"
« : 10 Мая 2007, 17:47:05 »
Насколько я помню, по всем стандартам html 3 - 4 такого ещё нельзя сделать, но может кто даст совет как выкрутиться.
Что хочется? Нужен на веб-странице элемент совмещающий в себе как свойства " " - пользователю предоставляется на выбор либо выбрать вариант из справочника, либо ввести новое значение в поле ввода.
Как сверстать такое, чтобы было удобно и полезно? Есть ли типовое решение? Пока что в голову кроме того, чтобы воткнуть radio (переключатель) и навесить джава-скрипт на OnClick (менять свойство display:block на display:none ) ничего в голову не пришло. Есть другие идеи??

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
поле "свободного ввода"
« Ответ #1 : 10 Мая 2007, 19:02:23 »
Как вариант, можно использовать выпадающий список (select), в котором предусмотреть пункт "Ввести свое значение", при выборе которого пользователю показывается скрытое до этого текстовое поле.

Оффлайн yerdi

  • Заглянувший
  • Новичок
  • *
  • Сообщений: 3
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
поле "свободного ввода"
« Ответ #2 : 11 Мая 2007, 10:20:03 »
brainkiller, неплохой тоже вариант. Сразу по аналогии придумал ещё вариант: есть текстовое поле, в которое всё вносится, а рядом стоит select в котором перечислены все ранее введенные значения и нулевой пункт "ввести новое значение". Ну и по Onchange делать
var Selct = document.getElementById(\'s001\');
var TxtFld = document.getElementById(\'s002\');
if ( Selct.selectedIndex > 0 ) { TxtFld.value = Selct.options[Selct.selectedIndex].text; } else {TxtFld.value = \'\';}

Оффлайн brainkiller

  • Фанат форума
  • Ветеран
  • *****
  • Сообщений: 527
  • +0/-0
  • 0
    • Просмотр профиля
    • http://
поле "свободного ввода"
« Ответ #3 : 11 Мая 2007, 16:36:29 »
yerdi
тоже вариант

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28