Question

我有2个下拉菜单。其中一个显示了该国的省份，当选择其中一个省时，第二个省应该显示所选省份的区域。

以下代码正常运行，下拉列表显示各省：

$(document).ready(function () {
        $.ajax({
            url: "http://blabla.com/dev/provinces"
        }).then(function (data) {
            var data = JSON.parse(data)["response"];
            var dropdown = $("#province");

            data.forEach(function (province) {
                dropdown.append("<option value=" + province["p_name"] + ">" + province["p_name"] + "</option>")
            });
        })
    });

但是，其他下拉列表并未使用以下代码显示所选省份的地区：

$("#province").change(function () {
        $.ajax({
            url: "http://blabla.com/districts?province=["+ $(this).val()+"]"
        }).then(function (data) {
            var data = JSON.parse(data)["response"];
            var dropdown = $("#district");

            data.forEach(function (district) {
                dropdown.append("<option value=" + district["d_name"] + ">" + district["d_name"] + "</option>")
            });
        })
    });

第二个代码在控制台上出现以下错误：

＆＃34;未捕获的SyntaxError：意外的令牌A＆＃34;

第二个问题是什么？

感谢。

编辑：下拉菜单的HTML＆＃39;就像这些：

<label class="dropdown-label" for="province">Province</label>
<select id="province"></select>

<label class="dropdown-label" for="district">District</label>
<select id="district"></select>

Answer 1

问题似乎是来自RESTful API调用的响应，这不是偶然的JSON。当我修复它时，我发布的代码运行正常。不管怎样，谢谢。

AJAX与.change（）不起作用？

1 个答案: