javascript - ios 上 jQuery onchange 的问题

Question

我遇到了 jQuery onchange 事件在 iPhone 上的 Safari 中无法正常工作的问题。

这是 onchange 所在的位置:

//Detects change in location and updates with location name and address
$('#location').on('change', function () {
    var serviceId = $("#location").val();
    $.ajax({
        type: "get",
        url: 'utilities/fetchdata?fetch=locationbyid&location=' + serviceId + '',
        success: function (data) {
            var locationData = JSON.parse(data);
            document.getElementById("location-name").innerHTML = locationData.name;
            document.getElementById("location-address1").innerHTML = locationData.address;

            //Fetch servies offered by that location
            $.ajax({
                type: "get",
                url: 'utilities/fetchdata?fetch=services&location=' + serviceId + '',
                success: function (data) {
                    console.log(data);
                    var newOptions = JSON.parse(data);

                    var $el = $("#service");
                    $el.empty(); // remove old options
                    $.each(newOptions, function(key,value) {
                        $el.append($("<option></option>")
                            .attr("value", value).text(key));
                    });
                }
            });
        }
    });
});

这就是它正在监听的内容:

                <select name="location" class="form-control" id="location">
                <option disabled selected>-- Velg Lokasjon --</option>
                <?php
                //Fetch locations
                if (! $locations = $locationData->fetchHTMLINPUT()) {
                    echo $locations;
                } else {
                    echo "<option disabled>Systemfeil oppsto</option>";
                }
                ?>
            </select>

我需要它做的是一致地触发事件，因为这是它获取用户要遵循的下一步的地方。

预期行为:

• 获取下一个输入字段以在选择中使用

我认为奇怪的是它在我的桌面上的 Chrome 和 Edge 中都可以工作。

有人可以向我指出在移动设备上使用的解决方法吗？

Answer 1

好的，

我好像明白了。似乎移动 iOS 浏览器无法在 HTML 呈现后刷新选择的内容，但使用 f.ex $('#service').html(data); 更改 HTML 是可行的就像一个魅力，尽管 HTML 必须在服务器端生成。