JQuery / AJAX: я хочу установить начальное значение для поля со списком, а затем есть раскрывающийся список других значений. Как я могу это сделать?

Question

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

Примером, который я имею в виду, является направление общественного транспорта GoogleКарты .Вы можете видеть, что в крайнем правом поле со списком начальное значение устанавливается в текущее время.Но пользователь все еще может щелкнуть стрелку и увидеть раскрывающийся список значений, которые отличаются от начального значения.

Я смотрел на FlexBox , но всякий раз, когда я устанавливал начальное значение,только это начальное значение присутствует в раскрывающемся списке.Вы можете видеть, что в этой демонстрации # 7 .

Есть ли способ настроить FlexBox, чтобы он делал то, что мне нужно?Или я могу использовать другое поле со списком?Что Google использует для своего поля со списком Карт Google?

Спасибо.

Answer 1

Вы ищете автозаполнение? Этот вариант автозаполнения jQuery, кажется, то, что вы ищете.

http://jqueryui.com/demos/autocomplete/#combobox

Answer 2

Flexbox изначально не поддерживает это, хотя модификация довольно проста.

Проблема в том, что настройка initialValue также переопределяет отображение.

Следующие инструкции относятся к версии 0.9.6.1, неминной версии flexBox:

Line 63:
Add:
        if (o.initialValueNoDisplay != '') $hdn.val(o.initialValueNoDisplay);
After: 
        .appendTo($div);


Line 832 (833):
Add:
        initialValueNoDisplay: '',
After:
        initialValue: '',

Просто установите значение в качестве initialValueNoDisplay, а не initialValue. Я тестировал с MVC3 / Razor, кажется, работает нормально.

Answer 3

Я использую msdropdown , и хотя я никогда не использовал giva labs , это кажется хорошим вариантом. Надеюсь, это поможет