Nie jestem zbytnio obeznany w JavaScript dlatego prosze o wyrozumialosc
Jak moge zmodyfikowac ten kod aby tresci zmienialy sie nie po wyborze pola <select> lecz po wyborze pola <input type="radio">?
Kod
<head>
<script type="text/javascript">
function podmiana(co) {
var ile = document.getElementById("wybor").options.length;
for(var i=1; i<=ile; i++) {
var ktora = "w"+i;
if(ktora == co) {
document.getElementById(ktora).style.display = "block";
}
else if(ktora != co) {
document.getElementById(ktora).style.display = "none";
}
}
}
</script>
</head>
<style type="text/css">
#w1 { display: block; }
#w2,#w3,#w4 { display: none; }
</style>
<form id="formularz" action="#">
<!--
<input type="radio" name="wybor" id="wybor" value="w1" onChange="podmiana(this.value);">
<input type="radio" name="wybor" id="wybor" value="w2" onChange="podmiana(this.value);">
-->
<select name="wybor" id="wybor" onChange="podmiana(this.value);">
<option value="w1">Treść nr 1</option>
<option value="w2">Treść nr 2</option>
<option value="w3">Treść nr 3</option>
<option value="w4">Treść nr 4</option>
</select>
</form>
<div id="w1">Zawartość bloku tekstowego nr 1.</div>
<div id="w2">Zawartość bloku tekstowego nr 2.</div>
<div id="w3">Zawartość bloku tekstowego nr 3.</div>
<div id="w4">Zawartość bloku tekstowego nr 4.</div>
<script type="text/javascript">
function podmiana(co) {
var ile = document.getElementById("wybor").options.length;
for(var i=1; i<=ile; i++) {
var ktora = "w"+i;
if(ktora == co) {
document.getElementById(ktora).style.display = "block";
}
else if(ktora != co) {
document.getElementById(ktora).style.display = "none";
}
}
}
</script>
</head>
<style type="text/css">
#w1 { display: block; }
#w2,#w3,#w4 { display: none; }
</style>
<form id="formularz" action="#">
<!--
<input type="radio" name="wybor" id="wybor" value="w1" onChange="podmiana(this.value);">
<input type="radio" name="wybor" id="wybor" value="w2" onChange="podmiana(this.value);">
-->
<select name="wybor" id="wybor" onChange="podmiana(this.value);">
<option value="w1">Treść nr 1</option>
<option value="w2">Treść nr 2</option>
<option value="w3">Treść nr 3</option>
<option value="w4">Treść nr 4</option>
</select>
</form>
<div id="w1">Zawartość bloku tekstowego nr 1.</div>
<div id="w2">Zawartość bloku tekstowego nr 2.</div>
<div id="w3">Zawartość bloku tekstowego nr 3.</div>
<div id="w4">Zawartość bloku tekstowego nr 4.</div>
Z gory dzieki za pomoc
Pozdrawiam
