Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   <select> в зависимости от выбранного radio (https://javascript.ru/forum/dom-window/34188-select-v-zavisimosti-ot-vybrannogo-radio.html)

imediasun1 23.12.2012 17:49

<select> в зависимости от выбранного radio
 
Я хочу в зависимости от выбранного значения radio btn чтобы появлялся в форме соответствующий селект и label к нему, помогите:)

lord2kim 23.12.2012 23:38

imediasun1,
<body>
<script>
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";
    }
}
</script>
<label><input type="radio" id="rad1" name="rad_group">1</label><label><input type="radio" id="rad2" name="rad_group">2</label><label><input type="radio" id="rad3" name="rad_group">3</label>
<select id="sel1" style="display:none">
<option>1</option>
<option>2</option>
</select>
<select id="sel2" style="display:none">
<option>3</option>
<option>4</option>
</select>
<select id="sel3" style="display:none">
<option>5</option>
<option>6</option>
</select>
</body>


а на будущее...почитайте учебник...


Часовой пояс GMT +3, время: 11:20.