php 和 ajax 中的下拉点击事件 - Dropdown click event in php and ajax

Dropdown click event in php and ajax

本文关键字：事件 ajax php | 更新日期: 2023-09-27

当从下拉列表中选择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 调用不起作用

<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
                       }
                     });
    });