Ajax в представлении блока представления

Question

В моем проекте я хочу реализовать интерфейс типа www.kijiji.ca для выбора штата и города.

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

Вы можете понять мою проблему, просмотрев www.kijiji.ca иПожалуйста, помогите мне.

Answer 1

Я проработал ситуацию, похожую на эту ... Моим решением было сохранить Штаты и города в моей базе данных. Потяните эти значения, когда я загружаю страницу изначально. Я создаю список значений кода для выпадающего списка, соединяя StateCode с "-" и CityName. Отображаемым значением является просто CityName. Когда окно загружается, я сохраняю HTML из выпадающего списка, используя jquery. Это позволяет мне сбросить список. Затем я сначала фильтрую список, удаляя элементы из выпадающего списка, которые не соответствуют моему первоначально выбранному StateCode, используя что-то вроде

 $("#AsCity option:not(:contains('[" + checkVal + "]'))").remove();

Затем каждый раз, когда меняется раскрывающийся список «Состояние», я сбрасываю раскрывающийся список «CityName» (используя мой сохраненный html) и повторно фильтрую список «CityName», удаляя те, которые не соответствуют моему выбранному состоянию.

Answer 2

Вы можете загрузить страницу со всей информацией и скрыть ее до тех пор, пока не будет нажата необходимая информация, а затем использовать javascript для ее отображения. Или вы можете использовать ajax для поиска элементов, которые вам нужны при нажатии на элемент, снова в javascript