[Batyabest]

Здравствуйте.
Есть некая конструкция, в дном блоке 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>