Скрыть стрелку в стандартном выпадающем меню?

Есть ли способ скрыть стрелку в стандартном диалоговом окне выбора выпадающего меню?

Ссылка на скрипт

У меня есть система автозаполнения, в которой вы заполняете номер организации компании и находите информацию на основе базы данных. Я хотел бы иметь поле выбора, но без стрелки.

Мне нужно, чтобы это выполнялось как двойная функциональная форма, либо вы можете заполнить свой ORG nr или просто вручную ввести его, довольно простой, вероятно, используемый по всему Интернету.

Спасибо:)

4 ответа

Кайл, Обычно системы автозаполнения используют входные текстовые элементы вместо выбранного элемента. Это создает то, чего вы пытаетесь достичь. Google является классическим примером этого.

Если вы хотите, вы можете взглянуть на плагин jQuery autocomplete, чтобы получить еще один пример и некоторые идеи кода или что-то еще. http://docs.jquery.com/Plugins/Autocomplete


Таким образом вам понадобится текстовое поле, потому что вы не можете вводить что-либо в


Это нелегко, но вы можете подделать его, поставив кнопку выше Select, у которой свойство его размера установлено на значение больше 0.

Выберите "Скрыть" и расположите его под кнопкой. Нажав на кнопку, вы увидите список. Выбор списка изменяет текст на кнопке и снова скрывает выбор.


Эта статья может быть полезна - использует комбинацию css и jQuery: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

licensed under cc by-sa 3.0 with attribution.