select с возможностью заполнения его пользователем

Обсуждение вопросов клиентского программирования.

Модератор: Duncon

Ответить
Morfius
Сообщения: 47
Зарегистрирован: 23 янв 2005, 17:53

Нужен выпадающий список, в который пользователь, помимо выбора существующих элементов, мог бы вписать своё значение.
Существует ли такой элемент в 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>

Возможность редактирования у текст-бокса пропала (
такое впечаление, что он на ява скрипте работает..
Аватара пользователя
__Yuri__
Сообщения: 140
Зарегистрирован: 02 ноя 2006, 17:17
Контактная информация:

Вот список аттрибутов тэга 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=
Для себя я выбираю этот вариант!
Остальные сссылки смотреть не стал, ушел работать
Morfius
Сообщения: 47
Зарегистрирован: 23 янв 2005, 17:53

Я нашёл вот такую штуковину:
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, дописывая в него первой опцией результат того, что пользователь ввёл
Аватара пользователя
__Yuri__
Сообщения: 140
Зарегистрирован: 02 ноя 2006, 17:17
Контактная информация:

Oscar писал(а):Morfius,

общая идея такова:

<select>
<option></option>
<option>1</option>
<option>2</option>
..
</select>

по какому-нить событию (например клик по первой опции) меняешь (при помощи JS) весь select-элемент на <input>,
по другому событию (например потеря фокуса с input) меняешь обратно input на select, дописывая в него первой опцией результат того, что пользователь ввёл
Супер! И, главное, просто!
Аватара пользователя
Oscar
Сообщения: 963
Зарегистрирован: 29 май 2004, 13:44
Откуда: Мюнхен (рожден в Киеве)
Контактная информация:

__Yuri__, эта идея "нарисована" в той презентации, ссылку на которую Morfius дал в самом начале этого топика.
Аватара пользователя
__Yuri__
Сообщения: 140
Зарегистрирован: 02 ноя 2006, 17:17
Контактная информация:

Oscar писал(а):__Yuri__, эта идея "нарисована" в той презентации, ссылку на которую Morfius дал в самом начале этого топика.
Во блин, а я принципиально не стал читать, т.к. не люблю когда вместо нормальной доки подсовывают какую-то ... с отсутствием навигации об которую глаза сломать можно.
Morfius
Сообщения: 47
Зарегистрирован: 23 янв 2005, 17:53

Я сейчас вот этот вариант:
http://particletree.com/features/upgrad ... combo-box/
пытаю.
Я сам бы попробовал написать вариант с заменой селекта на инпут с картинкой, но не уверен, что во время успею.
tigersubu
Сообщения: 1
Зарегистрирован: 06 июл 2008, 09:08


Combobox in HTML

Try the code for COMBOBOX in HTML :

Editable DropDown Listbox with any one select option as Editable (like a textbox ) and the rest as readonly.

http://chakrabarty.com/pp_editable_dropdown.html

http://chakrabarty.com/combobox.html

.. it is a typeable combobox.
Аватара пользователя
__Yuri__
Сообщения: 140
Зарегистрирован: 02 ноя 2006, 17:17
Контактная информация:

tigersubu писал(а):
Combobox in HTML

Try the code for COMBOBOX in HTML :

Editable DropDown Listbox with any one select option as Editable (like a textbox ) and the rest as readonly.

http://chakrabarty.com/pp_editable_dropdown.html

http://chakrabarty.com/combobox.html

.. it is a typeable combobox.
бросаеца в глаза недостаток следующий: как приглашение для ввода текста пользователь привык видеть текстовый курсор, а тут остается дефаулт, да еще при клике мышкой список вываливаеца...
Ответить