У меня есть функция, которая создает HTML для отображения местоположений в поле выбора, с флажком на каждом.Идея состоит в том, что пользователь может установить флажок, чтобы выбрать местоположение, но я изо всех сил пытаюсь каким-то образом связать его с 2.
Вот мой цикл for для создания HTML:
for (var i = 0; i < results.length; i++) {
var place = results[i];
var LocationString = "";
var LocationName = place['name'];
LocationString += `<div class="input-group">
<span id="Location-checkbox-${[i]}" value=${[i]} class="input-group-addon">
<input type="checkbox" aria-label="..." onclick="chooseSelection()">
</span>
<li id="Location-${[i]}" class="list-group-item"><strong>${LocationName}</strong><br>`;
if (place['rating']) {
var LocationRating = place['rating'];
LocationString += `rating: ${LocationRating}<br>`;
} else {
var LocationRating = 'This place has no rating';
LocationString += LocationRating;
}
if (place['user_ratings_total']) {
var LocationUsers = place['user_ratings_total'];
LocationString += `based on ${LocationUsers} reviews</li></div>`;
} else {
var LocationUsers = '</li></div>';
LocationString += LocationUsers;
}
console.log(LocationString);
htmlString += LocationString;
var marker = createMarker(results[i]);
currentMarkers.push(marker);
}
Я использую chooseSelection()
, чтобы попытаться связать 2, а затем сохранить их в строку для последующего использования на странице результатов.
Любая помощь будет очень признательна!