Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how to realize the linkage of provinces, cities and regions with jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The method of realizing the linkage of provinces, cities and regions with jquery: 1, create a HTML example file; 2, realize the linkage of provinces, cities and regions through the method of "$(function () {for (var I = 0; I < prvo.length; ionization +) {.}" in the js file.

This article operating environment: windows7 system, jquery-2.1.4 version, DELL G3 computer

How to use jquery to realize the linkage of provinces, cities and autonomous regions?

Using jQuery to realize the three-level linkage menu of provinces, cities and regions

Realize the three-level linkage menu of provinces and cities through jQuery. If there are deficiencies, we still need more guidance from the boss.

HTML page provincial, municipal and regional linkage menu-Please select province-Please select City-Please select district-js page var prvo = ["Shanxi" "Sichuan"] Var cit = ["Taiyuan City", "Luliang City", "Linfen City", "Yuncheng City", "Yangquan City", ["Chengdu City", "Mianyang City", "Ya'an City", "Leshan City", "Meishan City"] Var dis = ["Xiaodian District", "Yingze District"], ["Luliang 1", "Luliang 2"], ["Linfen 1", "Linfen 2"], ["Yuncheng 1", "Yuncheng 2"], ["Yangquan 1", "Yangquan 2"]] ["Chengdu 1", "Chengdu 2"], ["Mianyang 1", "Mianyang 2"], ["Ya'an 1", "Ya'an 2"], ["Leshan 1", "Leshan 2"], ["Meishan 1" "Meishan 2"]] $(function () {/ / initialize province for (var I = 0) I < prvo.length Add an option tag $("# prvoince") per loop. Append ("+ prvo [I] +")} / /-on--- binds the event handler function of one or more events on the selected element / / adds the change event to make the change occur when the province changes $("# prvoince"). On ('change' Function () {/ / clear the element, clear the previous selection, and start a new round of selection / / $('# city'). Empty () $('# city') .text ('') $('# district'). Text ('); / / use the: selected method in the selector to match all the elements, and then use the index method to get the subscript / / to get the subscript of the selected province var proIndex = $("# prvoince option:selected"). Index () Var citys = cit [proIndex-1] for (var I = 0; I < citys.length Append ("" + citys [I] + ") / / [this.value]}}) $(" # city ") .on ('change' Function () {$("# district") .empty () var proIndex = $("# prvoince option:selected") .index () Var citIndex = $("# city option:selected"). Index () var distr = dis [proIndex-1] [citIndex] for (var I = 0; I < distr.length ITunes +) {$("# district") .append ("" + distr [I] + ")})})" how to realize the linkage of provinces, cities and regions with jquery "is introduced here. Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.