Добрый день! Столкнулся с проблемой выпадающих списков
function build(){
var _make = document.getElementById('_make');
var _model = document.getElementById('_model');
var _country = document.getElementById('_country');
var form = document.body.children[0];
var select1 = form.elements.make;
var select2 = form.elements.model;
var select3 = form.elements.country;
for (var i = 0; i < select1.options.length; i++) {
var option = select1.options[i];
if(option.selected) {
alert(option.value);
}
}
}
<form id="form-lizing">
<label id="label_make" name="label_make">Марка техники</label>
<select id="_make" name="make">
<option value="">...</option>
</select>
<label id="label_model">Модель техники</label>
<select id="_model" name="model">
<option value="">...</option>
</select>
<label id="label_country">Страна производитель</label>
<select id="_country" name="country">
<option value="">...</option>
</select>
<input type="button" value="Показать характеристики" id="_build" onclick="build()" >
</form>
Каким способом вытащить данные из всех трех форм не прибегая к дублированию кода? И как хранить выбранные элементы, если другая функция принимает id и на основе id элемента выстраивает таблицу? Вот как тот так