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

在php和ajax中下拉单击事件

1 个答案: