zoukankan      html  css  js  c++  java
  • php级联

    Demo

    Fill second (or more) <select> with data from a JSON request. And yes, those are the breeds of my pets.

    jQuery

    $(document).ready(function(){ 
        $("select#category").change(function(){ 
            // Post string 
            var post_string = "type=" + $(this).val(); 
     
            // Send the request and update sub category dropdown 
            $.ajax({ 
                type: "POST"
                data: post_string, 
                dataType: "json"
                cache: false, 
                url: 'json.php'
                timeout: 2000
                error: function() { 
                    alert("Failed to submit"); 
                }
                success: function(data) {  
                    // Clear all options from sub category select 
                    $("select#sub_category option").remove(); 
     
                    // Fill sub category select 
                    $.each(data, function(i, j){ 
                        var row = "<option value=\"" + j.value + "\">" + j.text + "</option>"
                        $(row).appendTo("select#sub_category"); 
                    }); 
                } 
            }); 
        });     
    });

    HTML

    <select name="category" id="category"> 
        <option value="">-- Select Value --</option> 
        <option value="1">Dog</option> 
        <option value="2">Cat</option> 
    </select> 
     
    <select name="sub_category" id="sub_category"> 
        <option value="">-- Select First Value --</option> 
    </select>

    JSON AJAX Script, json.php

    $json = array(); 
     
    if ($_POST['type'] == 1

        $json[] = array
            'value' => '1'
            'text' => 'Staffordshire Bull Terrier' 
        ); 
        $json[] = array
            'value' => '2'
            'text' => 'Labrador Retriever/American Pit Bull Mix' 
        ); 
        $json[] = array
            'value' => '3'
            'text' => 'German Short Hair Pointer' 
        ); 

    elseif ($_POST['type'] == 2

        $json[] = array
            'value' => '4'
            'text' => 'Domestic Medium Hair' 
        ); 

     
    echo json_encode($json);
  • 相关阅读:
    【LOJ #2320】「清华集训 2017」生成树计数
    【LOJ #2983】「WC2019」数树
    【学习笔记】一类极角排序题
    【学习笔记】斐波那契数列的简单性质
    【LOJ #6041】「雅礼集训 2017 Day7」事情的相似度
    【日常训练】迪杂斯特
    大数据应用技术课程实践--选题与实践方案
    14 深度学习-卷积
    13-垃圾邮件分类2
    12.朴素贝叶斯-垃圾邮件分类
  • 原文地址:https://www.cnblogs.com/huqingyu/p/1759829.html
Copyright © 2011-2022 走看看