Question

我正在尝试根据第一个的值更改下拉列表的内容。

不幸的是，我没有得到任何错误，看看它为什么不起作用。

<script>

$(document).ready(function() {
    var town_id = 0;
    $("towns").change(function() {
        townid = $('#town').val();
        $("suburbs").load(
            "/assets/php/suburbs.php", {
                town_id: townid
            });
    });

});

这是php文件。

<?php

$town_id = $_POST['town_id'];

use Mds\Collivery;

$collivery = new Collivery();

$suburbs = $collivery->getSuburbs($town_id);

foreach ($suburbs as $key => $suburb) {
    echo "<option value='";
    echo $key;
    echo "'>";
    echo $suburb;
    echo "</option>";
}

但遗憾的是，它无法正常工作。我知道哪里出错了？

//修改

根据要求

<div class="form-group">
  <label for="towns">Select Town:</label>
  <select class="form-control" id="towns">
    @foreach ($towns as $key => $town)
    <option value="{{$key}}">{{$town}}</option>
    @endforeach
  </select>
</div>
<div class="form-group">
  <label for="suburb">Select Suburb:</label>
  <select class="form-control" id="suburb">
  </select>
</div>

Answer 1

<script>

$(document).ready(function() {
    var town_id = $('#town').val();
    $("#towns").on('change', function() {
        $("#suburbs").load(
            "/assets/php/suburbs.php", {
                town_id: town_id
            });
    });

});

我在阅读了你帖子上的评论后放弃了。我恳请您研究这段代码，看看我为使其工作所做的差异，而不是复制和粘贴。

填充从ajax调用php的下拉列表

1 个答案: