php+ajax實現select聯動

時間 2020-06-29

標籤 php+ajax php ajax 實現 select 聯動欄目 PHP 简体版

原文原文鏈接

 <head>
        <script type="text/javascript" src="style/js/jquery.min.js"></script> 
        <link href="style/css/bootstrap.min.css" rel="stylesheet">
        <link href="style/css/site.min.css" rel="stylesheet">
        <script type="text/javascript" src="style/js/jquery.min.js"></script> 
  </head>

 1 設備類型：
 2                                 <select id="key_type" name="key_type">
 3                                     <option selected disabled style="display:none" value="">請選擇</option>
 4                                     <?php for ($i=0; $i <count($res_type); $i++): ?>
 5                                                 <option value="<?php echo $res_type[$i]['type']; ?>"> <?php echo $res_type[$i]['type']; ?> </option>
 6                                     <?php endfor;?>
 7                                 </select>&nbsp;
 8                                 設備型號：
 9                                 <select id="key_model" name="key_model" >
10                                 </select>
11                                 <script>
12                                 $(function(){
13                                     $("#key_type").change(function(){
14                                         var key_type = $('#key_type option:selected').val();
15                                         
16                                         if(key_type == 0){            
17                                             return;
18                                         }else{
19                                             $.ajax({
20                                                 url:'./lib/get_dd.php',          
21                                                 type:'post',
22                                                 data:{key_type:key_type},
23                                                 dataType:'json',
24                                                 success:function(res){
25                                                     if(res.code == 200){
26                                                         var option = '<option>請選擇類型</option>';
27                                                         var list = res.list;
28                                                         for (var i = 0; i < list.length; i++) {  
29                                                             option += "<option value="+list[i]+">" + list[i] + "</option>";
30                                                         }
31                                                     }else{
32                                                         var option = '<option>請選擇類型</option>';  
33                                                     }
34                                                     $("#key_model").html(option);    
35                                                   
36                                                 }
37                                               
38                                             })
39                                         }
40                                     })
41                                 })
42                                 </script>

View Code

 1 <?php
 2   header('Content-type:application/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']:'';
 8 
 9   $value;
10   if ($key_type!="") 
11   {
12     $value=$key_type;
13   } 
14   elseif($se_type!="")
15   {
16     $value=$se_type;
17   }
18   elseif($sel_type!="")
19   {
20     $value=$sel_type;
21   }
22 
23   if ($value) {
24     $pdo=connect();
25     $sql_model="SELECT model FROM equipment_dd_model Where type='".$value ."';";
26     $stmt=$pdo->prepare($sql_model);
27     $stmt->execute();
28     $res_model=$stmt->fetchAll(PDO::FETCH_ASSOC);
29     con_close($pdo);
30  
31     $list = array();
32     for($i=0;$i<count($res_model);$i++){
33         $list[$i]=$res_model[$i]['model'];
34     }
35     echo json_encode(['code'=>200, 'list'=>$list]);  
36   } else {
37     echo json_encode(['code'=>500]);
38   }
39 
40 
41 ?>

php

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。