zoukankan      html  css  js  c++  java
  • php+ajax实现select联动

     <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
  • 相关阅读:
    matlab 使用OPENCV
    MATLAB SVM
    RestClient POST
    IIS HTTPS 禁用不安全的SSL2.0
    ping + 时间 日志
    matlab 文件遍历
    matlab 投影
    Oracle创建表空间、创建用户以及授权、查看权限
    php使用<?php include之后页首有空白
    sql点滴40—mysql乱码问题总结
  • 原文地址:https://www.cnblogs.com/t-young1201/p/12486535.html
Copyright © 2011-2022 走看看