javascript - 使用 ajax codeigniter 动态依赖下拉列表

Question

我想在选择值的地方创建下拉菜单，它可以从数据库中获取数据而无需提交按钮。我将我的代码粘贴在这里，我是学生，正在制作项目，我将非常感谢你，请帮助...

我的 Controller 是

public function find($id)
{
    $product=$this->user_model->find($id);
    echo "ID ".$product->email;
}

型号为

public function find($id)
{
    $this->db->where('id',$id);
    return $this->db->get('users')->row();
}

查看文件:

<script type="text/javascript">
    $(document).ready(function() {
        $('#slt').change(function(){
            var country_id = $('#slt').val();
            $.ajax({
                type: 'GET',
                url: "<?php echo base_url('index.php/main/find/')?>"+country_id,
                success: function(result)
                {
                    $('#result').html(result);
                }
            });
        });

    });
</script>
<form>
    <input type="button" value="find" id="btnfind"/>
    <select name="opt" id="slt">
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">one</option>
        <option value="4">two</option>
    </select>
    <br/>
    <div id="result"></div>
</form>

Answer 1

<script type="text/javascript">
$(document).ready(function(){

    $('#slt').change(function(){
        var country_id = $('#slt').val();

        $.ajax({
            type:'GET',
            data:country_id,
            url:"<?php echo base_url('index.php/main/find/')?>",
            success:function(result)
            {
                $('#result').html(result);
            }
        });
    });

});

</script>