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

我有用户id和er的下拉框，一旦两者都选中，我想将所有数据作为行加载。请给我一些建议

下面是我的控制器

$getShifts=Shifts:：Where（'user_id'，'='，$user_id）->Where（'week_id'，'='，$week）->get（）

我如何继续

桌子


白天
日期
开始
终点
全部的

小时
跑

类型
编辑

/Delete

编辑
请检查下面的代码，我已经尝试

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

                }

成功：函数（数据）{
var json_obj=$.parseJSON（数据）；//parse json
var输出=”；
for（json_obj中的变量i）
{
输出+=
“”+json_obj[i].id+“”+
“”+json\U obj[i]。总线号+“”+
“”+json\u obj[i]。shift\u no+“”
;
}
输出+=“”；
$（'#span'）.html（输出）；
}
您应该在ajax中调用您的控制器函数，在controller中，您将获得所选的数据，因此根据运行所需的查询

$(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.               
                }
          }); 
        }

     });
});

内部控制器

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

echo”
美元日
$date
$start
$end
$end
$end
";

在控制器和ajax中的
success（）
将数据追加到表中操作所有字段。
您可以使用
ajax
并将所选值传递到类似
http://somewebsite.com
（邮寄或获取）。通过将行格式化为
JSON或XML
返回行，并使用
JQuery
解析行并在此处显示。您需要使用ajax。这里提供的代码对我们回答您的问题没有帮助。您必须向我们提供用于显示行的javascript代码。@user3571366 im使用html表格显示数据。我已经用表格列更新了我的问题，我也可以用javscript做同样的事情吗。请通知我，我假设您从服务器得到了正确的响应？现在我看到您正在将输出附加到元素span中。但是您的页面中是否有#span元素？这就是你不能得到输出的原因。而且，你在结果上循环的方式也不正确。共有7个元素，但您只创建了3个。感谢它的工作原理，我如何在表中显示这些日期。我已经用所需的表格列更新了我的问题。请注意，您是否能够在控制器中获取所需的值？？是的，我获取了所有所需的值，我想知道如何在我的视图上显示它。我已尝试使用成功，但表格生成不正确。我只收到一张唱片，甚至控制器也发出了很多。请建议，请检查更新的问题“编辑部分”让我们。
echo "
   <tr>
       <td>$day</td>
       <td>$date</td>
       <td>$start</td>
       <td>$end</td>
       <td>$end</td>
       <td>$end</td>
   </tr>  ";