Проблема со списком select
Есть код списка, который всплывает при обновлении страницы:
<form name="form3"> <select class="stat_sel" size="3"> <option selected value="form1">Потребительский кредит</option> <option value="form2">Автокредит</option> <option value="form3">Ипотека</option> <option value="form4">Экспресс кредит</option> <option value="form5">Микрозайм</option> <option value="form6">Кредитная карта</option> </select> <a title="Продолжить" style="cursor:pointer; font-weight:bold; text-align:right;display:block;" onclick='toggle("form6");'>Далее</a> </form> А так же скрипт, который обновляет контент на странице: <script type='text/javascript'> function toggle(id) { document.getElementById("conten").innerHTML = document.getElementById(id).innerHTML; } toggle("form1"); </script> Вот в чем проблема. Нужно что бы при выборе пункта из списка, значение value вписывалось в onclick='toggle("form6");' ссылки ниже , т.е заместо "form6" там было значение value пункта, который выбрал пользователь. Задача вроде бы очень простая, но мои знание JS очень малы, практически на нуле. Пытался найти решение в интернете, но мои поиски не увенчались успехом, по-этому прошу вашей помощи. Заранее благодарен |
<form name="form3"> <select id="select" class="stat_sel" size="3"> <option selected value="form1">Потребительский кредит</option> <option value="form2">Автокредит</option> <option value="form3">Ипотека</option> <option value="form4">Экспресс кредит</option> <option value="form5">Микрозайм</option> <option value="form6">Кредитная карта</option> </select> <a id="toggle" title="Продолжить" style="cursor:pointer; font-weight:bold; text-align:right;display:block;" onclick='toggle("form6");'>Далее</a> </form> <script type='text/javascript'> document.getElementById("select").onchange =function () { document.getElementById("toggle").setAttribute('onclick','toggle('+this.value+')'); } function toggle(id) { document.getElementById("conten").innerHTML = document.getElementById(id).innerHTML; } toggle("form1"); </script> |
MasterDmx,
а не проще вписать значение прямо в function toggle а в onclick ничего непередавать |
MasterDmx,
Вариант ... <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form name="form3"> <select id="select" class="stat_sel" size="3"> <option selected value="form1">Потребительский кредит</option> <option value="form2">Автокредит</option> <option value="form3">Ипотека</option> <option value="form4">Экспресс кредит</option> <option value="form5">Микрозайм</option> <option value="form6">Кредитная карта</option> </select> <a id="toggle" title="Продолжить" style="cursor:pointer; font-weight:bold; text-align:right;display:block;" onclick='toggle();'>Далее</a> </form> <script type='text/javascript'> function toggle() { var c = document.getElementById("select"); var id = c.value alert(id); // document.getElementById("conten").innerHTML = document.getElementById(id).innerHTML; } </script> </body> </html> |
Цитата:
Может где-то есть ошибка? |
Цитата:
|
Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 16:36. |