如何通过使用上一个下拉列表中选择的选项执行查询来创建下拉列表

Question

我有一个带有网络下拉列表的表格

<div class="control-group">
    <label class="control-label" for="form-field-1">Network</label>
        <div class="controls">
            <select id="a_network"  name="a_network" onchange="getplan();">
                <option>Choose Network</option>
                    <?php 
                        $q=mysql_query("select * from network");
                        while($rq=mysql_fetch_array($q))
                        {
                    ?>
                            <option value="<?php echo $rq['id'];?>"><?php echo $rq['network_name'];?></option>
                    <?php
                        } 
                    ?>
            </select>
        </div>
</div>    

我还有一个名为plan的下拉列表，根据选择的网络选项从数据库中获取选项，

<div class="control-group">
    <label class="control-label" for="form-field-1">Plan</label>
    <div class="controls">
            <select id="plan"  name="plan">
                <option>Choose Plan</option>
                    <?php 
                        $q=mysql_query("select * from sim_plans where network_id='$nid'");
                        while($rq=mysql_fetch_array($q))
                        {
                    ?>
                            <option value="<?php echo $rq['plan_id'];?>"><?php echo $rq['plan'];?></option>
                    <?php
                        } 
                    ?>
            </select>
    </div>
</div>

$ nid应该是所选网络选项的值。 这个怎么做。 我以为可能我们可以在网络上使用onchange函数，但不知道如何使用。

<script>
function getplan()
{
var netid = $("#a_network").val();

    $.ajax({
        url:"<?php echo site_url('sim_orders/get_plan')?>/"+netid,
        type:"POST",
        dataType:"JSON",
        success:function(data)
        {
            var len=data.length;
            $('#plan').empty();
            for(var i=0;i<len;i++)
            {
                var id=data[i]['id'];
                var name=data[i]['name'];
                $('#plan').append("<option value='"+id+"'>"+name+"</option>");
            }
        },
        error:function (jqXHR, textStatus, errorThrown)
        {
            alert("Error in getting plans");
        }
    });
</script>

PHP：

public function get_plan($id)
{
    $plans=array();
    $q=mysql_query("select * from sim_plans where network_id='$id'");
    while($res=mysql_fetch_assoc($q))
    {
        $plans[]=array("id"=>$res['plan_id'],"name"=>$res['plan']);
    }

    echo json_encode($plans);
}

选择网络后不显示任何选项嗨！ 得到它了。 我忘了在成功功能后面加上逗号。 因此没有下降。 感谢帮助！

Answer 1

尝试这个：

<div class="control-group">
        <label class="control-label" for="form-field-1">Network</label>
            <div class="controls">
                <select id="a_network"  name="a_network" onchange="getplan();">
                    <option>Choose Network</option>
                        <?php 
                            $q=mysql_query("select * from network");
                            while($rq=mysql_fetch_array($q))
                            {
                        ?>
                                <option value="<?php echo $rq['id'];?>"><?php echo $rq['network_name'];?></option>
                        <?php
                            } 
                        ?>
                </select>
            </div>
    </div>

    <div class="control-group">
        <label class="control-label" for="form-field-1">Plan</label>
        <div class="controls">
                <select id="plan"  name="plan"></select>
        </div>
    </div>

    <script>
    function getplan()
    {
    var network_id = $("#a_network").val();
    $("#plan").empty();

            if(network_id != ''){
                $.ajax({
                    type: "post",
                    url: "getPlanbyNetworkID.php",
                    data: {network_id: network_id},
                    dataType: "html",
                    success: function(data) {
                        $("#plan").append(data);
                });
            }
    }
    </script>

现在创建名为getPlanbyNetworkID.php的页面，并在其中编写所需的查询：

<?php 
        $network_id = $_POST['network_id'];

        $q=mysql_query("select * from sim_plans where network_id='$network_id'");
    $dropdown = '<option>Choose Plan...</option>';
        while($rq=mysql_fetch_array($q))
        {
    $dropdown .=  '<option value="' . $rq['plan_id'] . '">' . $rq['plan'] . '</option>';
        }
echo $dropdown;
    ?>