dynamic dependent dropdown using ajax codeigniter

Question

I want to make dropdown where I select the value and it can fetch data from database without submit button. I paste my code here I am student and making project I shall be very thankful to you please help...

My controller is

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

Model is

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

View file:

<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>

Mayank Vadiya · Accepted Answer · 2015-08-16 17:59:26Z

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>

answered Aug 16, 2015 at 17:59

Mayank Vadiya

1,4512 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Piotr Olaszewski · Accepted Answer · 2015-08-16 18:53:51Z

0

Change $('#result').html(result) to $('#result').text(result)

edited Aug 16, 2015 at 18:53

Piotr Olaszewski

6,2485 gold badges40 silver badges67 bronze badges

answered Aug 16, 2015 at 18:42

shar_evonz

538 bronze badges

Collectives™ on Stack Overflow

dynamic dependent dropdown using ajax codeigniter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related