我正在从两个下拉菜单中读取值,如果万一它们都不为空,请使用它进行一些操作。目前,尽管具有两个不同的ID,单击选项仅适用于1个菜单,并且在选择后它在两个变量(即“ selectedAccuracy”和“ selectedCountry”)中发送相同的值。 可能我在选择器上做错了。
$(function(e) {
$.ajax({
type: "POST",
dataType: "json",
url: 'server.php',
data: {
request_type: "get2",
},
success: function(data) {
console.log(data);
var myDiv = document.getElementById("myDiv");
var selectList = document.createElement("select");
selectList.setAttribute("id", "mySelect");
myDiv.appendChild(selectList);
for (var i = 0; i < (data.coordinates).length; i++) {
var option = document.createElement("option");
option.setAttribute("value", data.coordinates[i].Place);
//console.log(data.coordinates[i].Place);
option.text = data.coordinates[i].Place;
selectList.appendChild(option);
}
}
});
$.ajax({
type: "POST",
dataType: "json",
url: 'server.php',
data: {
request_type: "get3",
},
success: function(data) {
console.log(data);
var myDiv = document.getElementById("myDiv1");
var selectList = document.createElement("select");
selectList.setAttribute("id", "mySelect1");
myDiv.appendChild(selectList);
for (var i = 0; i < (data.coordinates).length; i++) {
var option = document.createElement("option");
option.setAttribute("value", data.coordinates[i].level);
//console.log(data.coordinates[i].level);
option.text = data.coordinates[i].level;
selectList.appendChild(option);
}
}
});
$('body').on('click', '#mySelect', '#mySelect1', function markers() {
if ($('#mySelect').val() != '' && $('#mySelect1').val() != '') {
move();
initMap();
var selectedAccuracy = $(this).val();
console.log(selectedAccuracy);
var selectedCountry = $(this).val();
console.log(selectedCountry);
$.ajax({
type: "POST",
dataType: "json",
url: 'server.php',
data: {
request_type: "get5",
accuracy: selectedAccuracy,
country: selectedCountry
},
success: function(data) {
console.log(data);
var locations = parseLocation(data);
var icons = parseIcons(data);
addMarkers(icons, data, map);
}
});
}
});
});