更改“选项”标签的值后进行Ajax调用

Question

I am facing a little problem using ajax.

I need when I change the value of 'select' tag's 'option' then it will call ajax and the value which I get from the ajax call will show in 'input' tag named 't_name'. But its not working. What the problem in my code?How can I solve it? thank you.

Below is my code :

        <select id="teacher_select" class="teacher_select" name="teacher_select" value="Select Teacher">
            <option value="">Select Teacher</option>
            <?php
            while($row=mysql_fetch_assoc($teacher) ):
            ?>
            <option value="<?php echo $row['t_id'];?>"><?php echo $row['t_name'];?></option>
            <?php 
            endwhile;
            ?>
     </select>

         <input type="text" name="t_credit" id="t_credit"/>

Ajax :

     $('#teacher_select').click(function(){
        $.ajax({
        type:'post',
        url:'get_taken_credit.php',
        data: 't_id='+ $('#teacher_select').val(),                
        success: function(reply_data){
            $('#t_credit').html(reply_data);
          }
        });
     });

get_taken_credit.php :

         include('db_connection.php'); 
         $t_id = $_POST['t_id'];
         $result = mysql_query("SELECT t_credit FROM teacher WHERE t_id = '$t_id'");
         echo $result;
         exit();    

Answer 1

It seems that the id is wrong, you call #teacher_select instead of #dept_select , and try to use

$('#dept_select').change(function () {  

instead of

$('#teacher_select').click(function () {