VAR codeurl = CTX + "システム/地区/一覧" // 債務者の省 $(関数(){ // 省初期化 initAddress( "#obligorLocation"、 "#obligorCityを" ); // 操作変更省の後に $( "#obligorLocation")の変更(関数(){ VAR provCode = $( "#obligorLocation" ).val(); getCity(provCode、 "#obligorCity" ); }); }); 機能initAddress(州、市) { VARのfirstProvCode。 // AJAX要求のすべての州 // $(州).empty(); $(州).append( "<オプション値= ''> -選択県- </オプション>" ); $ .post(codeurl、{ PID: 0 } 、機能(データ){ $ .each(data.rows、 関数(I、D){ $(州).append( "<オプション値= '" + d.id + "'>" + d.extName + "< /オプション> " ); }); firstProvCode = data.rows [0 ] .ID; // 最初の州に係るコードに対応した都市のリストを取得します getCity(firstProvCode、市); }、「JSON」); } // に対応する都市のリストを取得するには(都市地区の最初のリストを取得含む) 関数getCity(provCode、市){ // Ajaxリクエストすべての市町村単位 .post $(codeurl、{ PID:provCode }、関数(データ){ // 最初の空都市のドロップダウン $(都市).empty(); $(都市).append(「<オプション値= ''> -都市を選択- </オプション> " ); $ .each(data.rows、 機能(I、D){ $(市).append( "<オプション値= ' "+ d.id +"'>" + d.extName + "</オプション>" ); }); }、 'JSON' )。 }
< divのクラス= "フォームグループ" > < ラベルクラス= "COL-SM-2コントロールラベル" >债务人所在区域:</ ラベル> < divのクラス= "フォームインラインCOL-SM-4" > <! - <入力されたID = "obligorLocation" NAME = "obligorLocation"クラス= "フォームコントロール"必要タイプ= "テキスト"> - > < 選択ID = "obligorLocation" 名前= "obligorLocation" クラス= "フォームコントロール" > </ 選択> <選択ID = "obligorCity" 名前= "obligorCity"クラス= "フォームコントロール" > </ 選択> </ DIV > </ DIV >