如何为选定的下拉值ajax加载所有匹配的数据行

Question

i have dropdown boxes for user_id and er and once both selected i want to load all the data as rows. please advice.

below is my controller

$getShifts = Shifts::Where('user_id','=',$user_id)->Where('week_id','=',$week)->get();

how can i proceed

table

   <table class="table table-hover">
                                    <tr class="table-header">
                                        <th>Day</th>
                                        <th>Date</th>
                                        <th>Start</th>
                                        <th>End</th>
                                        <th>Total
                                            <br/> Hours
                                        </th>
                                        <th>Run
                                            <br/> Type
                                        </th>
                                        <th>Edit
                                            <br/> / Delete
                                        </th>
                                    </tr>

EDIT plese check below code which i have tried

               success: function(data) {
                    var json_obj = $.parseJSON(data);//parse JSON

                    var output="<tr>";
                    for (var i in json_obj)
                    {

                        output+=
                                "<td>" +  json_obj[i].id + "</td>"+
                                "<td>" +  json_obj[i].bus_no + "</td>"+
                                "<td>" +  json_obj[i].shift_no + "</td>"

                        ;

                    }
                    output+="</tr>";

                    $('#span').html(output);

                }

Answer 1

You should call your controller function in ajax and in controller you will get the selected data, so based on that run required query.

$(document).ready(function() {
    $("#combo, #user_id").change(function(){

       var combo = $('#combo option:selected').val();    
       var user_id = $('#user_id option:selected').val();   
       if(combo && user_id) { 
            $.ajax({
                url: "path to controller function",
                type: "POST",
                dataType: "HTML",
                async: false,
                data:{combo:combo.user_id:user_id},
                success: function(data) {
                      alert(data)   // here you ll see the data from controllen, you can manipulate according to your requirement.               
                }
          }); 
        }

     });
});

in controller

echo "
   <tr>
       <td>$day</td>
       <td>$date</td>
       <td>$start</td>
       <td>$end</td>
       <td>$end</td>
       <td>$end</td>
   </tr>  ";

manipulate all fields in to a tr in controller and in ajax success() append the data to table.