使用ajax codeigniter的動態依賴下拉列表

Question

我想在下拉列表中選擇值，它可以從數據庫中獲取數據而無需提交按鈕。 我在這里粘貼代碼，我是學生，正在做項目，我將非常感謝您，請幫助...

我的控制器是

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>

Answer 2

將$('#result').html(result)更改$('#result').text(result)