如何从jQuery PHP的下拉列表中的选择特定选项的ajax调用中获取多个数据?

时间:2019-02-14 20:16:40

标签: php jquery ajax

  

我正在使用带有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>

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

1 个答案:

答案 0 :(得分:0)

嗨,您应该这样做:

执行这样的功能

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

希望有帮助