【问题标题】:how to show multiple selected values using responce如何使用响应显示多个选定的值
【发布时间】:2017-02-27 12:29:16
【问题描述】:

我正在尝试将已存储的值显示为选中状态。

我的问题是我正在尝试从 os_hostel_facility 映射表中获取多个设施 但是当我尝试显示只有第一个值进入控制台时,即使它没有显示为选中我该怎么做我的代码在底部:

如果问题未达到标准,请建议编辑..!

这是我的脚本:

   success: function (response) {
    $("#viewhostelfacility").val(response['facility']['id_facility']);
    console.log(response['facility']['id_facility']); 

这里只有第一个值,我想显示整个数组 被选中

这是我的更新表单代码

<ul id="hostel_facility" class="dropdown-menu dropdown-select">
    <?php  $facility = $conn->query("SELECT * FROM os_facilities  ORDER BY id_facility ASC");
        while ($facilityresult = $facility->fetch_assoc()) { ?>
        <li><a><input type="checkbox" name="hostel_facility[]" id="viewhostelfacility" value="<?php  echo $facilityresult['id_facility']; ?>" /><?php echo $facilityresult['facility_name']; ?></a></li>
    <?php } ?>
</ul>

这是我发送响应的控制器页面:

$facilitysearch= $conn->query("SELECT * From os_hostel_facility WHERE id_hostel='".$_POST['hostelId']."'") or die(mysql_error());
$viewfacility=$facilitysearch->fetch_assoc();
$response['facility'] = $viewfacility;

【问题讨论】:

    标签: javascript php jquery ajax checkbox


    【解决方案1】:

    您可以创建一个 each 函数来获取数组中的所有数据:

    success: function (response) {
        $.each(response,function(i,e)){
            $("#viewhostelfacility").val(e['facility']['id_facility']);
            console.log(e['facility']['id_facility']);
        }
    

    给你发送一个 Json 对象?如果是,您可以使用数据标签轻松制作:

    对象:

    {"os_hostel":[
        {"facility":"Iron","id_facility":"1"},
        {"facility":"Landry","id_facility":"2"}
    ]}
    

    代码

    success: function (response) {
        var hostel = response.os_hostel;
        $.each(hostel,function(i,e){
            $("#viewhostelfacility").val(e.facility);
            console.log(e.facility);
        })
    

    片段

    var obj = {"os_hostel":[
      {"facility":"Iron","id_facility":"1"},
      {"facility":"Landry","id_facility":"2"}
    ]}
    
    var hostel = obj.os_hostel;
    $.each(hostel,function(i,e){
        console.log(e.facility);
    })
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

    【讨论】:

      猜你喜欢
      • 2020-10-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多