جزء HTML
<! doctype html> <html> <head lang = "en"> <meta charset = "utf-8"> <title> تغليف ربط متعدد المستويات </title> <link href = "./ css/bootstrap.css src = "./ duoji.js"> </script> <body> <div style = "margin: 100px auto ؛"> <div id = "box1"> </viv> </viv> <div style = "margin: 100px auto ؛"> div> id = "box2"> الاسم) $. حدد ('box1' ، 'area1') ؛ $. حدد ('box2' ، 'area2') ؛ </script> </body> </html>رمز duoji.js
(function ($) {$ .select = function (box ، addInputClass) {var i = new select ؛ return I.Init (box ، addInputClass)} // DECLARE the multi-level method class var select = new function ؛ // الحاوية التي تحتاج إلى إضافة عناصر this.eleclass = addInputClass ؛ // موقع كل فئة من الأحداث. obj = this ؛ $. get ("http://127.0.0.1:83/areas" ، {id: '0'} ، function (data) {var option = "<option value = '' value = '"+key+"'> "+list [key] .arename+" </potion> "؛} $ ('<viv> <select name ="'+eleclass+'[] cname = "'+eleclass+'" "> '+الخيار+' </select> </viv> '). appendto (box) .find (' select ') BoxName = $ (event) .Attr ('pnode') ؛ num = eleclass.index ($ (event))+1 ؛ //console.log($(this).Attr('num''mn )) ؛//console.log($().ATTR('NUM''TH) ؛ ent (). remove () ؛}}) ؛/*console.log (boxName) ؛ console.log (className) ؛ console.log ($ (event)) ؛ console.log ($ (event) .val ()) ؛*/// loop Ajax method $ .ajax ({type: "get" ، datatype: "jsonp" ، url: "http://127.0.0.1.1:83/areas" تقدير = data.dataif (data.state === '1') {var option = "<Option Value = ''> الرجاء تحديد </eptication>" ؛ لـ (مفتاح var في القائمة) {Option+= "<Option Value = '"+Key+""+"+list [key] .areaname+" </potion> ؛ pnode = "'+boxname+'" "cname =" '+className+' "> '+'+'</select> </viv>'). appendto (box) .find ('select') BoxName = $ (event) .Attr ('pnode') ؛ console.log ("اسم الحاوية:"+boxname+"/n اسم الفئة المشغلة: {id: '0'} ، function (data) {var option = "<Option Value = ''> يرجى تحديد </epticen value = '"+key+"'> "+list [key] .Arename+" </potion> "؛} main.html (Option) ؛} ، 'jsonp') ؛}}}) (jQuery)نوع البيانات المقدمة من الواجهة الخلفية: JSON
إذا كانت هناك بيانات: حالة = 1
مثال:
البيانات: {110000: {id: "110000" ، areaname: "beijing" ، pid: "0" ، "beijing" ، المستوى: "1" ، الموضع: "tr_0" ، الفرز: "1"} 120000: {id: الموضع: "tr_0" ، الفرز: "2"} 130000: {id: "130000" ، areaname: "hebei Province" ، pid: "Shanxi" ، المستوى: "1" ، الموضع: "Tr_0" ، النوع: "4"} 150000: {id: "150000" ، areaname: "Liaoning Province" ، Pid: "0" ، Shortname: "Liaoning" ، المستوى: "1" ، الموضع: "TR_0" ، النوع: "6"} 220000: {id: "2200000" ، areaname: "7"} 230000: {id: "230000" ، areaname: المستوى: "1" ، الموضع: "TR_0" ، النوع: "9"} 320000: {id: "320000" ، areaname: "Jiangsu Province" ، pid: المقاطعة "، pid:" 0 "، اسم قصير:إذا لم تكن هناك حالة بيانات = 0
مثال:
الدولة: "0"