Jquery пользовательский выбор / выпадающий список

Question

Я использую jQuery;У меня есть поле выбора, параметры которого заполняются из объекта JSON.Но поскольку база данных потенциально неполна, я хотел бы предложить пользователю возможность ввести пользовательское значение.Большинство комбо-решений, на которые я смотрел, так или иначе работают со сбоями.Каковы альтернативные решения в этом случае?

Answer 1

Для этого вы можете использовать плагин jQuery Editable Combobox .

jQuery Editable Combobox - это jQuery функция, позволяющая преобразовать любой тег в редактируемый выпадающий.

Это делается путем добавления нового элемент для переноса значения, введенного клавиатура. Это будет работать только на выберите элементы. Любые другие элементы эта функция будет применена к воле быть проигнорированным.

Answer 2

Может быть, автозаполнение коробки? Где пользователь может начать печатать, и представлены ваши варианты, но можно ввести и другое значение. Как:

Плагин QuickSelect может заменить вашу <select> коробку на одну из них. http://github.com/dcparker/jquery_plugins/tree/master/quickselect

Answer 3

Решения для Профессиональный элемент управления Combobox на основе jQuery? Все они сосредоточены на использовании ввода в качестве средства фильтрации и автозаполнения для существующего значения выбора.

Основная проблема, которую я вижу с "jQuery Editable Combobox "заключается в том, что он остается списком выбора, и совсем не очевидно, что вы можете просто начать печатать что-то новое.

Если вы ищете традиционное поле со списком, которое просто" Типчто-то или выберите из этих предопределенных значений "(нет, мы не будем скрывать те, которые не совпадают, пока вы печатаете), все, что вам может понадобиться, это

<select id="combo4" style="width: 200px;"
            onchange="$('input#text4').val($(this).val());">
    <option>option 1</option>
    <option>option 2</option>
    <option>option 3</option>
</select>
<input id="text4"
       style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" />

См. http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

Должно быть легко обернуть это в плагин, который преобразует существующий тег выбора, хотя я еще не видел, чтобы это было сделано.