如何通过 ajax 调用从 jquery php 的下拉列表中选择特定选项来获取多个数据？答案

【问题标题】：How to get multiple data with ajax call on select particular option from dropdown in jquery php?如何通过 ajax 调用从 jquery php 的下拉列表中选择特定选项来获取多个数据？
【发布时间】：2019-07-08 22:52:09
【问题描述】：

我正在使用带有 jquery 和 ajax 的核心 php。我目前的情况就像我从数据库中有一个选择框。的点击特定的选择框我想要有关该选择框的数据。然后我也必须提交那个表格。

我有一个选择框：

 <select  id="com_name" name="com_name" >
    <?php   
        foreach($com_data as $key=>$eachdata){
    ?>
    <option value="<?php echo $eachdata['com_id'];?>"  <?php   
            if(isset($_GET['id'])){ echo ($upload['particular_com'] == $eachdata['com_id'])?'selected=selected':'abc';   }    ?> >
        <?php echo $eachdata['com_name']; ?>
    </option>
     <?php }?>
</select>

上面是我的动态选择下拉列表，其中包含一些公司名称。

现在用户将单击或更改任何公司名称。那么下面的ajax会调用：

$("#com_name").on('change',function(){
  var com_id = $(this).val();
  $.ajax({
        method: "GET",
         url:"get_all_employee.php?id="+com_id,
            success:function (data1){
                   $.each(data1, function( index, value ) {

                    });
            },  
    });
});

在上面的 ajax 调用中，我将转到另一个页面，在那里我有我的查询以获取所有员工。

if(isset($_GET['id'])){
    $explodeVal = $_GET['id'];
    $sql = "select `id`,`com_id`,`employee_name` from employee_info as ei where ei.is_deleted = 1 AND ei.com_id = '".$explodeVal."' ";   
    $execute = mysqli_query($con, $sql);

    return $execute;
}

我的查询工作正常。我正在通过查询获取所有数据。但我不知道用 ajax 调用以 html 形式获取我的所有记录。

我已经创建了一个输入来获取数据。但不知道使用 ajax 调用将多个数据填充到 html 输入框中。

<input type="text" name="emp_name" value="">
 <input type="file" name="pay_slip"><br>

如何在上面的输入框中获取我的记录。第二件事是我想将特定员工的文件存储到数据库中。

【问题讨论】：

标签： php jquery ajax

【解决方案1】：

你好，你应该这样做：

做一个这样的功能

function ajaxList(id){
  return   $.ajax({
    method: "POST",
    url: "../employees.php",
    data: {  id: id}
  })
}

然后这样称呼它：

    if (id != '')//
    {
        ajaxList(id)
                   .done(function( response ) {
                                    $("#cmbEmployee").empty();
                                            var data=JSON.parse(response);
                                            if (data != null) {
                                                jQuery.each(data, function(index, value){
$("#cmbEmployee").append('<option value=' + value.id+ '>' + value.name+ '</option>');
                                                });
                                            }
                                });
    }

希望对你有帮助

【讨论】：