フロントエンド。カスケードボックス省

 
 
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 >

 

おすすめ

転載: www.cnblogs.com/initx/p/11528724.html