【问题标题】:Populate 2nd drop-down list based on 1st drop-down using API JSON使用 API JSON 根据第一个下拉列表填充第二个下拉列表
【发布时间】:2020-05-06 05:45:24
【问题描述】:

我想根据从第一个下拉列表中选择的数据在第二个下拉列表中显示数据。 我使用 AJAX 在第二个下拉列表中获取显示数据。

下面是 facID = F09 时的 JSON 结果

下面是下拉列表所在的AJAX代码

<script>
    function getroom(val) {
      $.ajax({
        type: "POST",
        url: "../room_scheduler/room_scheduler.php",
        data:'factory_id='+val,
        success: function(data){
          $("#room-list").html(data);
        }
      });
    }
</script>   

下面是room_scheduler.php

    <?php

    require_once "../../../config/configPDO.php";
    require_once "../../../config/check.php";

    //retrieve json
    $url = "http://172.20.0.45/TGWebService/TGWebService.asmx/roomList?facID='" . $_POST['factory_id'] . "'";
    $data = file_get_contents($url);
    $characters = json_decode($data);

        if(!empty($_POST["factory_id"])) {

            echo '<option value="">Select</option>';
            foreach ($characters->roomList as $character) {
            echo "<option value='$character->roomId'>$character->Room_Desc</option>";
            }

        }

    ?>

如果在第一个下拉列表中我选择F09,第二个下拉列表中没有数据显示的结果。我能知道是什么问题吗?

【问题讨论】:

  • 您确定 ajax 调用正在发生吗?你检查过它的响应吗?
  • 已经自己解决了。无论如何,谢谢老兄!
  • 很高兴听到您解决了这个问题。如果您认为该答案可能对其他人有用,您可以将其发布为您自己问题的答案。否则你也可以直接删除问题。
  • 我已经发布了我的答案,顺便说一句,你能检查一下这个问题吗? stackoverflow.com/questions/59833039/…

标签: php json sql-server ajax web-services


【解决方案1】:

对不起各位,这个问题我自己解决了

    <?php

    require_once "../../../config/configPDO.php";
    require_once "../../../config/check.php";

    $factory_id = $_POST["factory_id"];

    //retrieve json
    $url = "http://172.20.0.45/TGWebService/TGWebService.asmx/roomList?facID=$factory_id";
    $data = file_get_contents($url);
    $characters = json_decode($data);

        if(!empty($factory_id)) {

            echo '<option value="">Select</option>';
            foreach ($characters->roomList as $character) {
            echo "<option value='$character->roomId'>$character->roomDesc</option>";
            }

        }


    ?>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-01-04
    • 2013-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 1970-01-01
    相关资源
    最近更新 更多