PHP和Ajax中的下拉單擊事件

Question

當從下拉列表中選擇1個選項，然后顯示與該所選選項相關的數據時，我有要求。

這是下拉列表的代碼

<select class="op" name="emp" id ="tab4">
    <option value="">--Select--</option>
    <?php
     foreach ($empd as $row):
   echo "<option value='" . $row['id'] . "' >" . $row['employee_name'];
     ?>
<?php endforeach ?>
  </select>

所以當選擇了選項時，它應該將所選的id傳遞給控制器​​，並使用ajax顯示具有該ID的關聯數據，這是腳本

<script>
        $('.op').click(function(){
            console.log("asdd")
            $.ajax({
            type: "POST",
            dataType:"json",
            url: "http://localhost/...",
            data: $('#tab4 :input')
            success:function(result){
            }
            });
            });
    </script>

ajax通話不起作用

Answer 1

<select class="op" name="emp" id ="tab4">
    <option value="">--Select--</option>
    <?php
     foreach ($empd as $row):
   echo "<option value='" . $row['id'] . "' >" . $row['employee_name']."</option>";
     ?>
<?php endforeach ?>
  </select>

下拉菜單更改時發生的火災

$('#tab4').on('change',function()
    {
            $.ajax({
                       type: "GET",
                       url: "http://localhost/...",
                       data: //data,
                       success: function(result){
                        // do something with result
                       }
                     });
    });