Сообщение от Deff
|
<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>
|
К сожалению, ваш вариант не работает, т.е. при нажатии на ссылку вообще ничего не происходит. Однако, если убрать у селектора id="select", то скрипт работает, но контент из "form1" перестает показываться по умолчанию, т.е. после загрузки страницы там где должен быть контент - ничего нет, и только после выбора пункта в селекторе и нажатии на ссылку он появляется. Нужно что бы изначально загружался контент именно из "form1" как это было прописано в первоначальном варианте скрипта, а при выборе пункта из списка и нажатии на ссылку, он обновлялся.
Может где-то есть ошибка?