Здравствуйте.
Есть некая конструкция, в дном блоке radio button, выбрав значение кнопки, выводится значение в select, но оно не установлено в выбранное состояние, потому и не передается дальше обработчику. Как мне присвоить атрибут selected через JS
Вот код:
window.onload = function () {
document.body.onclick = function (e) {
e = e || event;
target = e.target || e.srcElement;
if (target.tagName == "INPUT" && target.type == "radio") {
for (i = 0; i < document.getElementsByTagName("select").length; i++) {
document.getElementsByTagName("select")[i].style.display = "none";
}
} //alert(target.id.replace("rad"));
document.getElementById("sel"+target.id.replace("rad", "")).style.display = "block";
document.getElementById("sel"+target.id.replace("rad", "")).options[i].selected=true;
}
}
Вот код формы (выдержка):
<div>
<label class="control-label" style="display:block;">Вы <sup><span style="color:red;">*</span></sup></label>
<label><input type="radio" name="status" id="rad1" value="1" required>1</label><br>
<label><input type="radio" name="status" id="rad2" value="2" required>2</label><br>
<label><input type="radio" name="status" id="rad3" value="3" required>3</label><br>
</div>
<div style="float:left;">
<label class="control-label" style="display:block;"></label>
<select id="sel1" style="display:none" size="2" name="type">
<option value="1-1">1-1</option>
</select>
<select id="sel2" style="display:none" size="2" name="type">
<option value="2-2">2-2</option>
</select>
<select id="sel3" style="display:none" size="2" name="type">
<option value="3-3">3-3</option>
</select>
</div>
