Здравствуйте. Есть необходимость сделать на сайте с помощью js выпадающие списки. Допустим в первом выпадающем списке человек из вариантов тест1, тест2, тест3 выбирает тест2 появляется еще один выпадающий список. как можно подобное реализовать? какие у кого идеи? Помогите пожалуйста
решил делать вот так: Code: <html> <head> <script> function dis(a, b) { a.form.elements[b].disabled = (a.value != 1); } </script> </head> <body> <form name="form1"> <select name="sel1" onchange="dis(this, 'sel2')"> <option value="1">1 <option value="2">2 <option value="3">3 </select> <select name="sel2"> <option value="1">1 <option value="2">2 <option value="3">3 </select> </form> </body> </html> но есть еще одна функция: Code: function validate (elem) { var text = elem.value; var result = ""; for ( var i = 0; i < text.length; i++ ) if ( text.charAt (i) >= "0" && text.charAt (i) <= "9" ) result += text.charAt (i); elem.value = result; } function imgOpen (n) { document.getElementById ("img").src = "http://site.com/1/" + n.toString() + ".jpg"; document.getElementById ("img_block").style.display = "block"; } которая выводит изображения вот так: Code: <input type="text" id="img_n" onkeyup="validate (this);" onblur="validate (this);" onchange="validate (this);" /> <input type="button" onclick="imgOpen(document.getElementById ('img_n').value);" value="Показать!" /> и собственно вопрос как сделать чтобы например если в первом селекте выбрано значение 1 то селект2 становится доступным, и если допустим в селект2 выбрано значение 1 то ссылка http://site.com/1/ если выбрано значение 2 то ссылка становится http://site.com/2/ ??? Что то никак понять не могу
Ну это как я понял вы уже сделали. Хотя можно сделать это не через elements.disabled, а просто через display='none' Ну а почему нельзя просто использовать глобальную переменную? Code: <script> var imgDir=0; //далее функция которая заносит то что выбрали во втором селекте в переменную imgDir //ну и изменяем фенкцию imgOpen function imgOpen (n) { document.getElementById ("img").src = "http://site.com/"+ imgDir.toString() +"/" + n.toString() + ".jpg"; document.getElementById ("img_block").style.display = "block"; } </script>
Code: <html> <head> <script> var imgDir=1;//даём 1-е значение из списка, т.к. ф-ия setPath у нас вызывается только при изменении function dis(a, b) { a.form.elements[b].disabled = (a.value != 1); } function setPath(value) { imgDir=value; alert(imgDir); } </script> </head> <body> <form name="form1"> <select name="sel1" onchange="dis(this, 'sel2')"> <option value="1">1 <option value="2">2 <option value="3">3 </select> <select name="sel2" onchange="setPath(value)"> <option value="1">1 <option value="2">2 <option value="3">3 </select> </form> </body> </html>