jQuery onchange 在 ios 上的问题
Problems with jQuery onchange on ios
我遇到问题 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>
我需要它做的是始终如一地触发事件,因为这是它获取下一步以供用户遵循的地方。
预期行为:
- 获取下一个输入字段以用于 select
我认为奇怪的是,它在我的桌面和 Edge 上的 Chrome 中都能正常工作。
谁能告诉我在移动设备上使用的解决方法?
好的,
我有点明白了。似乎移动 iOS 浏览器无法在呈现 HTML 后刷新 select 的内容,但使用 f.ex [=10] 更改 HTML =] 工作起来很有魅力,尽管必须在服务器端生成 HTML。
我遇到问题 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>
我需要它做的是始终如一地触发事件,因为这是它获取下一步以供用户遵循的地方。
预期行为:
- 获取下一个输入字段以用于 select
我认为奇怪的是,它在我的桌面和 Edge 上的 Chrome 中都能正常工作。
谁能告诉我在移动设备上使用的解决方法?
好的,
我有点明白了。似乎移动 iOS 浏览器无法在呈现 HTML 后刷新 select 的内容,但使用 f.ex [=10] 更改 HTML =] 工作起来很有魅力,尽管必须在服务器端生成 HTML。