select с возможностью заполнения его пользователем
Модератор: Duncon
Нужен выпадающий список, в который пользователь, помимо выбора существующих элементов, мог бы вписать своё значение.
Существует ли такой элемент в html или asp.net (и, если — нет, — как его можно было бы сделать)?
P.S.
Начал искать в сети нашёл:
Вот это: http://www.w3.org/2007/03/html-forms/#(27)
combobox относится к Web2.0 или к чему-то другому?
Какую литературу по нововведениям в html следует почитать?
Почему-то, когда я скопировал пример:
<form name="form15" onsubmit="false"><fieldset><legend>Selection fields you can type into</legend><label for="f1">Favorite fruit</label><select name="fruit" id="f1" editable="12"><option>apples</option><option>pears</option><option>bananas</option><option>pineapple</option></select></fieldset></form>
Возможность редактирования у текст-бокса пропала (
такое впечаление, что он на ява скрипте работает..
Существует ли такой элемент в html или asp.net (и, если — нет, — как его можно было бы сделать)?
P.S.
Начал искать в сети нашёл:
Вот это: http://www.w3.org/2007/03/html-forms/#(27)
combobox относится к Web2.0 или к чему-то другому?
Какую литературу по нововведениям в html следует почитать?
Почему-то, когда я скопировал пример:
<form name="form15" onsubmit="false"><fieldset><legend>Selection fields you can type into</legend><label for="f1">Favorite fruit</label><select name="fruit" id="f1" editable="12"><option>apples</option><option>pears</option><option>bananas</option><option>pineapple</option></select></fieldset></form>
Возможность редактирования у текст-бокса пропала (
такое впечаление, что он на ява скрипте работает..
Вот список аттрибутов тэга select для самого последнего стандарта, поддерживаемого браузерами XHTML 1.1:
id
name
class
dir
disabled
multiple
size
tabindex
title
xml:lang
style
on...
Как видишь атрибута editable пока нет...
Поиск в google строки combobox HTML
на первом месте дает такую сцылочку:
http://www.geocities.com/chakrabartys/p ... pdown.html
Так что велосипед уже изобретен
, проверил - работает под FF и под IE, хотя не совсем привычно, так что есть простор для улучшения
Мне понравилось решение в третьей сцылке, потому что мне в голову пришло тоже самое и я точно также обломался с IE, который не дает перекрыть по z-index select.
http://www.tgreer.com/comboArticle.html
А вот здесь ваще красиво:
http://dhtmlgoodies.com/scripts/form_wi ... xt2=&x=&y=
Для себя я выбираю этот вариант!
Остальные сссылки смотреть не стал, ушел работать
id
name
class
dir
disabled
multiple
size
tabindex
title
xml:lang
style
on...
Как видишь атрибута editable пока нет...
Поиск в google строки combobox HTML
на первом месте дает такую сцылочку:
http://www.geocities.com/chakrabartys/p ... pdown.html
Так что велосипед уже изобретен

Мне понравилось решение в третьей сцылке, потому что мне в голову пришло тоже самое и я точно также обломался с IE, который не дает перекрыть по z-index select.
http://www.tgreer.com/comboArticle.html
А вот здесь ваще красиво:
http://dhtmlgoodies.com/scripts/form_wi ... xt2=&x=&y=
Для себя я выбираю этот вариант!
Остальные сссылки смотреть не стал, ушел работать
Я нашёл вот такую штуковину:
http://www.opinionatedgeek.com/DotNET/p ... bobox.aspx
Но она платная зараза..
У 3го варианта (http://dhtmlgoodies.com/scripts/form...myText2=&x=&y=)
проблема с искажением нижележащего текста..+ при размеении на странице нескольких таких комбобоксов появляются ошибки.
Есть какие-то толковые книги, в которых затронуто написание комбобоксов?
А то в исходниках которые я нахожу чёрт ногу сломит..
http://www.opinionatedgeek.com/DotNET/p ... bobox.aspx
Но она платная зараза..
У 3го варианта (http://dhtmlgoodies.com/scripts/form...myText2=&x=&y=)
проблема с искажением нижележащего текста..+ при размеении на странице нескольких таких комбобоксов появляются ошибки.
Есть какие-то толковые книги, в которых затронуто написание комбобоксов?
А то в исходниках которые я нахожу чёрт ногу сломит..
- Oscar
- Сообщения: 963
- Зарегистрирован: 29 май 2004, 13:44
- Откуда: Мюнхен (рожден в Киеве)
- Контактная информация:
Morfius,
общая идея такова:
<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>
по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл
общая идея такова:
<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>
по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл
Супер! И, главное, просто!Oscar писал(а):Morfius,
общая идея такова:
<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>
по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл
Во блин, а я принципиально не стал читать, т.к. не люблю когда вместо нормальной доки подсовывают какую-то ... с отсутствием навигации об которую глаза сломать можно.Oscar писал(а):__Yuri__, эта идея "нарисована" в той презентации, ссылку на которую Morfius дал в самом начале этого топика.
Я сейчас вот этот вариант:
http://particletree.com/features/upgrad ... combo-box/
пытаю.
Я сам бы попробовал написать вариант с заменой селекта на инпут с картинкой, но не уверен, что во время успею.
http://particletree.com/features/upgrad ... combo-box/
пытаю.
Я сам бы попробовал написать вариант с заменой селекта на инпут с картинкой, но не уверен, что во время успею.
бросаеца в глаза недостаток следующий: как приглашение для ввода текста пользователь привык видеть текстовый курсор, а тут остается дефаулт, да еще при клике мышкой список вываливаеца...