[JavaScript]Prosta funkcja Opcje

[Mackos]

Witajcie, jako że JS u mnie całkowicie leży, mam drobne pytanie.
Aktualnie mam funkcję, która mi wypisuje godziny:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function Godzina() {
  var godzina = document.getElementById('godzina');
  var wartgodz = document.getElementById('wartgodz');
  switch (godzina.value) {
    case '0' : wartgodz.innerHTML = 'Od godziny: <select name="godzina"><option value=\"$go:00\">$go:00</option><option value=\"$go:30\">$go:30</option></select><br>Do: <select name="godzina2"></option>"; ><option value=\"$go:00\">$go:00</option><option value=\"$go:30\">$go:30</option></select>'; break; // tutaj ładne wypisywanie godzin (wywaliłem stąd PHP żeby było czytelnie)
    case 'wyb' : wartgodz.innerHTML = ''; break;
    default  : wartgodz.innerHTML = 'wartgodz.innerHTML = 'Od godziny: <select name="godzina"><option value=\"$go:00\">$go:00</option><option value=\"$go:30\">$go:30</option></select><br>Do: <select name="godzina2"></option>"; ><option value=\"$go:00\">$go:00</option><option value=\"$go:30\">$go:30</option></select>'; break;'; break; //stad też wywaliłem php
  }
}
</script>
[HTML] pobierz, plaintext 

I sprawa ma się tak, chciałbym żeby w zależności od parametru <select name="godzina"> pokazywało wartości w parametrze godzina2 przesunięte o 3 godziny.
Wie ktoś może jak to poczynić ?

[kamil4u]

Kod

od
<select id="g1">
<option value="wybierz">wybierz</option>
<option value="1">01.00</option>
<option value="2">02.00</option>
<option value="3">03.00</option>
<option value="4">04.00</option>
<option value="5">05.00</option>
<option value="6">06.00</option>
</select> do <span id="g2"></span>

<script type="text/javascript">
document.getElementById('g1').onchange = function(){
  if(this.value == 'wybierz')
   document.getElementById('g2').innerHTML = '';
  else
   document.getElementById('g2').innerHTML = (parseInt(this.value)+3)+'.00';
}
</script>

Stwierdziłem, że nie ma sensu tworzyć sztucznego select. Jak potrzebujesz tej wartości do formularza użyj <input type="hidden"> - jego wartość zmieniasz:

Kod

document.getElementById('ID_inputa').value = 'wartosc'; //np. (parseInt(this.value)+3)+'.00'

Ten post edytował kamil4u 21.05.2011, 19:12:17