Есть форма с select'ами и прочими полями:
<form action="#" id="calc">
<select name="price1" id="adults">
<option value="0">Кол-во взрослых</option>
<option value="250">2</option>
<option value="500">3</option>
<option value="750">4</option>
</select>
<select name="price2" id="kids">
<option value="0">Кол-во детей</option>
<option value="250">2</option>
<option value="500">3</option>
<option value="750">4</option>
</select>
<h2>Кол-во посещений:</h2>
<div class="check-radio">
<input type="radio" name="price3" value="200">
<label>1</label>
</div>
<div class="check-radio">
<input type="radio" name="price3" value="400">
<label>2</label>
</div>
Итого: на <font id="persons"></font> людей, <font id="visits"></font> посещений, будет стоить: <output name="o" for="a b c d e f g">0</output> рублей.
</form>
Задача:
Как вывести в "Итого" значения:
- сложенных
названий option в id="persons"
- сложенных
названий label в id="visits"
- сложенные
value любых полей в id="cost"
Пока что есть скрипт для сложения всех value но в тег
<output> хотелось бы с помощью
<font id="cost"></font> выводить
в процессе:
https://jsfiddle.net/Georka/b8ps3uh9/3/