Помогите решить проблему с Jquery

M
На сайте с 11.01.2006
Offline
153
752

Здравствуйте. В карточке заказа человеку нужно выбрать улицу из списка. Реализовано все с помощью Javascript+Jquery+AJAX. Получился, так называемый, "живой поиск". Т.е человек вводит первые буквы улицы, ему тут же подгружается список.

Все красиво работает, но не могу придумать, как решить проблемку:

Как запретить пользователю вводить свои значения в данное поле, а разрешить выбирать только с перечисленного списка?

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

Если можно, то объяснять как для "чайника", т.к в веб строительстве не силен :)

заранее спасибо за советы!

Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#1

<select name="street">

<option value="kytozova">Кутузова</option>

</select>

ЗЫ. При желании все равно можно заспамить, но это отдельная тема.

Подпись))
DiAksID
На сайте с 02.08.2008
Offline
218
#2
show must go on !!!...
M
На сайте с 11.01.2006
Offline
153
#3

А если у меня список формируется не в <select> а в <input>?

Как быть в таком случае?

C
На сайте с 04.02.2005
Offline
277
#4
Magistr:
А если у меня список формируется не в <select> а в <input>?

Как быть в таком случае?

Это как? Код в студию

M
На сайте с 11.01.2006
Offline
153
#5

постараюсь объяснить, не уверен что получится :)

есть поле для ввода названия улицы:

<input id="country" type="text" autocomplete="off">

Когда пользователь начинает набирать название улицы, срабатывает код:

$('#country').autocomplete('data.php?mode=sql', {

width: 200,
max: 50
});

Который заполняет это же поле значениями. Пользователю остается только выбрать нужную улицу из списка, которое расположено в <input id="country" type="text" autocomplete="off">

Задача:

не дать пользователю отправить форму со своим значением, а только из предложенного списка.

C
На сайте с 04.02.2005
Offline
277
#6

так для этого надо раскручивать autocomplete в комплексе с ajax обработчиком

последний должен отдавать, грубо, ошибку при несуществующей улице, а первый - запрещать ввод при такой ошибке

doctorpc
На сайте с 12.07.2009
Offline
112
#7

Замените autocomplete плагин на Select2, как посоветовал DiAksID.

Этот плагин на порядок лучше и решает Вашу задачу.

DiAksID:
Select2

Прямо копия Chosen, только на много лучше оформлена документация и с поддержкой ajax по умолчанию. У них общие корни, не в курсе?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий