В моя проект искам да внедря интерфейс като www.kijiji.ca за избор на държава и град.
За това се опитвам да създам изглед с два отделни блока, един за щати и друг за градове, но се сблъсквам с проблем, т.е. при избора на състояние как да показвам градове, без да презареждам цялата страница.
Можете да разберете проблема ми, като посетите www.kijiji.ca и моля, помогнете ми.
Можете или да заредите страницата с цялата информация там и да я скриете, докато не се щракне върху желаното, след което да използвате javascript, за да я покажете. Или можете да използвате ajax, за да търсите елементите, от които се нуждаете, когато се щракне върху даден елемент, отново в javascript
Работил съм със ситуация донякъде като тази... Моето решение беше да съхраня щатите и градовете в моята база данни. Изтеглете тези стойности, когато зареждам страницата първоначално. Създавам списъка с кодови стойности за падащия списък, като свързвам StateCode с „-“ и CityName. Показваната стойност е само името на града. Когато прозорецът се зареди, запазвам html на падащия списък с помощта на jquery. Това ми позволява да нулирам списъка. След това първоначално филтрирам списъка, като премахвам елементите от падащия списък, които не съответстват на моя първоначално избран StateCode, използвайки нещо като
$("#AsCity option:not(:contains('[" + checkVal + "]'))").remove();
След това всеки път, когато падащият списък State се промени, нулирам падащия списък CityName (като използвам запазения си html) и отново филтрирам списъка CityName, като премахвам тези, които не отговарят на избрания от мен State.
