заставить этот скрипт выполнить все формы
привет, этот скрипт выполняет только первую форму, вторая не расчитуеться как заставить этот скрипт выполнить все формы
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script defer src="https://cdn.rawgit.com/chrisveness/geodesy/v1.1.2/latlon-spherical.js"></script>
<script defer src="https://cdn.rawgit.com/chrisveness/geodesy/v1.1.2/dms.js"></script>
<script>
document.addEventListener('DOMContentLoaded',function () {
const lat1 = document.querySelector('#lat1').value;
const lon1 = document.querySelector('#lon1').value;
const lat2 = document.querySelector('#lat2').value;
const lon2 = document.querySelector('#lon2').value;
const p1 = new LatLon(Dms.parseDMS(lat1), Dms.parseDMS(lon1));
const p2 = new LatLon(Dms.parseDMS(lat2), Dms.parseDMS(lon2));
const dist = parseFloat(p1.distanceTo(p2).toPrecision(4));
document.querySelector('#result-distance').textContent = dist;
});</script>
</head>
<body>
<form>Lat 1: <input type="text" name="lat1" id="lat1" value="25.434345" >
Lon 1: <input type="text" name="lon1" id="lon1" value="55.902223445" >
Lat 2: <input type="text" name="lat2" id="lat2" value="25.8944324" >
Lon 2: <input type="text" name="lon2" id="lon2" value="55.893445">
<output id="result-distance"></output> metres
</form>
<form>Lat 1: <input type="text" name="lat1" id="lat1" value="25.434345" >
Lon 1: <input type="text" name="lon1" id="lon1" value="55.902223445" >
Lat 2: <input type="text" name="lat2" id="lat2" value="25.8944324" >
Lon 2: <input type="text" name="lon2" id="lon2" value="55.893445">
<output id="result-distance"></output> metres
</form>
</body>
</html>
|
antonpavlov1982,
а зачем две формы, а не одна? |
разное value в каждой форме, вытягиваю value из mysql и получаю много форм с разными value и одинаковыми id
|
Цитата:
|
Есть подозрение, что это вовсе и не формы для отправки, а просто контейнеры для размещения данных...
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script defer src="https://cdn.rawgit.com/chrisveness/geodesy/v1.1.2/latlon-spherical.js"></script>
<script defer src="https://cdn.rawgit.com/chrisveness/geodesy/v1.1.2/dms.js"></script>
<script>
document.addEventListener('DOMContentLoaded',function () {
const forms = document.querySelectorAll('form');
for(var i = 0; i < forms.length; i++) {
const lat1 = forms[i].querySelector('[name="lat1"]').value;
const lon1 = forms[i].querySelector('[name="lon1"]').value;
const lat2 = forms[i].querySelector('[name="lat2"]').value;
const lon2 = forms[i].querySelector('[name="lon2"]').value;
const p1 = new LatLon(Dms.parseDMS(lat1), Dms.parseDMS(lon1));
const p2 = new LatLon(Dms.parseDMS(lat2), Dms.parseDMS(lon2));
const dist = parseFloat(p1.distanceTo(p2).toPrecision(4));
forms[i].querySelector('output').textContent = dist;
}
});</script>
</head>
<body>
<form>Lat 1: <input type="text" name="lat1" value="25.434345" >
Lon 1: <input type="text" name="lon1" value="55.902223445" >
Lat 2: <input type="text" name="lat2" value="25.8944324" >
Lon 2: <input type="text" name="lon2" value="55.893445">
<output></output> metres
</form>
<form>Lat 1: <input type="text" name="lat1" value="25.434345" >
Lon 1: <input type="text" name="lon1" value="55.902223445" >
Lat 2: <input type="text" name="lat2" value="25.8944324" >
Lon 2: <input type="text" name="lon2" value="55.893445">
<output ></output> metres
</form>
</body>
</html>
|
Dilettante_Pro,
и зачем это? |
laimas,
Насколько я понимаю, это просто расстояния между несколькими выбранными из базы парами пунктов. А так - хз? ТС молчит. |
Цитата:
|
laimas,
Цитата:
|
Цитата:
Я не против, но если тут "костыль", то зачем же к нему добавлять второй? :) Здесь рони также сделал медвежью услугу. А ведь тут уж точно такого быть не должно, ибо это результат просмотра мультиков вредных, а не книжек нужных. И эта"детская" ошибка плодится из года в год. Результат этой ошибки бывает и в виде дубликатов данных на странице, когда результат mysql_fetch_array() отдают шаблонизатору, и JS разработчики на форумах дают решения как это можно победить. Кто же спорит, что для JS это по силам, вопрос только в том зачем это? Они то все это используют, думая, что это и есть верное решение. :) |
| Часовой пояс GMT +3, время: 22:28. |