В своем проекте я хочу реализовать интерфейс наподобие www.kijiji.ca для выбора штата и города.
Для этого я пытаюсь создать представление с двумя отдельными блоками, один для штатов, а другой для городов, но я сталкиваюсь с проблемой, т.е. при выборе штата, как отображать города без перезагрузки всей страницы.
Вы можете понять мою проблему, посетив www.kijiji.ca и, пожалуйста, помогите мне.
Вы можете загрузить страницу со всей информацией и скрыть ее до тех пор, пока не будет нажато то, что требуется, а затем использовать javascript, чтобы показать ее. Или вы можете использовать ajax для поиска нужных вам элементов при нажатии на элемент, опять же в javascript.
Я проработал примерно такую ситуацию... Мое решение состояло в том, чтобы хранить штаты и города в моей базе данных. Потяните эти значения, когда я загружаю страницу изначально. Я создаю список значений кода для раскрывающегося списка, объединяя StateCode с «-» и CityName. Отображаемое значение — это просто CityName. Когда окно загружается, я сохраняю html выпадающего списка с помощью jquery. Это позволяет мне сбросить список. Затем я сначала фильтрую список, удаляя элементы из раскрывающегося списка, которые не соответствуют моему первоначально выбранному коду состояния, используя что-то вроде
$("#AsCity option:not(:contains('[" + checkVal + "]'))").remove();
Затем каждый раз, когда изменяется раскрывающийся список «Штат», я сбрасываю раскрывающийся список «Имя города» (используя свой сохраненный html) и повторно фильтрую список «Имя города», удаляя те, которые не соответствуют выбранному мной штату.
