PHP + AJAXリンケージが選択達成

 < ヘッド> 
        < スクリプトタイプ= "テキスト/ javascriptの" SRC = "スタイル/ JS / jquery.min.js" > </ スクリプト>  
        < リンクのhref = "スタイル/ CSS / bootstrap.min.css" のrel = "スタイルシート" > 
        < リンクのhref = "スタイル/ CSS / site.min.css" のrel = "スタイルシート" > 
        < スクリプトタイプ= "テキスト/ javascriptの" SRC = "スタイル/ JS / jquery.min.js" > </ スクリプト>  
  < / ヘッド>

 

 ?phpのエコー$ res_type [ $ I ] [ '型']; ?> </オプション>
 6                                      <?phpのENDFOR ;?>
 7                                  </ select>の&NBSP;
8                                  设备型号:
 9                                  <SELECT ID = "key_model" NAME = "key_model">
 10                                  </選択>
 11                                  <スクリプト>
 12                                  $(関数(){
 13                                      $( "#1 key_type")変化(関数(){
 14                                          VAR key_type = $( '#のkey_typeオプション:選択した')。valを();
                                         
                                         もし(key_type == 0 ){            
 17                                              リターン18                                          } {
 19                                              $。AJAX({
 20                                                  URL: './ LIB / get_dd.php'、          
 21                                                  タイプ: 'ポスト'、
 22の                                                  データ:{key_type:key_type}、
 23                                                  データ型: 'JSON'、
 24の                                                  成功:関数(RES){
 25                                                     もし(res.code == 200 ){
 26                                                          VARオプション= '<オプション>请选择类型</オプション>' 27                                                          VARの リスト = RES。リスト;
28                                                          のためにvarが I = 0、I < リスト .LENGTH; I ++ ){  
 29                                                              オプション+ = "<オプション値=" + リスト [I] + ">" + リスト [I] + "</オプション>"                                                           オプション= '<オプション>型</オプション>を選択' ;  
 33である                                                     }
 34である                                                      $( "#1 key_model")。HTML(オプション);    
 35                                                    
36                                                  }
 37                                                
38である                                             })
 39                                          }
 40                                      })
 41である                                 })
 42である                                  </スクリプト>
コードの表示
1 <?PHP
 2    ヘッダ( 'コンテンツタイプ:アプリケーション/ JSON' )。
3    のrequire_once './info.class.php' ;
4  
5    $ key_type = ISSET$ _POST [ 'key_type'])?$ _POST [ 'key_type']: '' ;
6    $ se_type = ISSET$ _POST [ 'se_type'])?$ _POST [ 'se_type']: '' ;
7    $ sel_type = ISSET$ _POST [ 'sel_type'])?$ _POST [ 'sel_type']: '' ;
 
   $値;
10    であれば$ key_type = ""! 11    {
 12      $値 = $ key_type 13    } 
 14    ELSEIF$ se_type = ""! 15    {
 16      $値 = $ se_type 17    }
 18    ELSEIF$ sel_type = ""! 19    {
 20      $値 = $ sel_type 21    }
 22  
23    であれば$値){
 24      $ PDO = 接続()。
25      $ sql_model = "タイプ= 'equipment_dd_model FROM SELECTモデル"。$値 "';"。;
26      $ STMT = $ PDO - >準備($のsql_model )。
27      $ stmtは - > 実行();
28      $ res_model = $ stmtは - > fetchAllの(PDO :: FETCH_ASSOC)。
29      con_close($ PDO )。
30   
31      $一覧 = 配列();
32      $ I ; = 0 $のI< $ res_model)。$ I ++ ){
 33          $リスト [ $ I ] = $ res_model [ $ I ] [ 'モデル' ]。
34      }
 35      エコー json_encode([ 'コード' => 200、 'リスト' => $リスト])。  
36    } {
 37      エコー json_encode([ 'コード' => 500 ])。
38    }
 39  
40  
41?>
PHP

 

おすすめ

転載: www.cnblogs.com/t-young1201/p/12486535.html