使用ajax codeigniter进行动态相关下拉列表

时间:2015-08-16 17:30:00

标签: javascript php jquery ajax codeigniter

我想在下拉菜单中选择值,它可以在没有提交按钮的情况下从数据库中获取数据。 我在这里粘贴我的代码我是学生并制作项目我将非常感谢你,请帮助...

我的控制器是

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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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