Witajcie!
Jako że z JS jestem noga mam taki drobny problem.
Otóż mam funkcję:
  1. function Godzina() {
  2. var godzina = document.getElementById('dzien');
  3. var wartgodz = document.getElementById('wartgodz');
  4. switch (godzina.value) {
  5. case '0' : wartgodz.innerHTML = 'Od godziny: <select name="godzina" id="g1"><?php if($godzina_ustalona){$godzina_druga=$godzina_ustalona;}else{$godzina_druga=12;} if($godzina<6){$godzina=6;} for($go=($godzina+1);$go<=$godzina_druga;++$go){echo "<option value=\"$go.00\">$go:00</option><option value=\"$go.30\">$go:30</option>"; } ?></select><br>Do: <select name="godzina2" id="g2"></select>';
  6. document.getElementById('g2').innerHTML = '<option value="<?php echo ($godzina+4);?>.00"><?php echo ($godzina+4);?>:00</option><option value="<?php echo ($godzina+4);?>.30"><?php echo ($godzina+4);?>:30</option><option value="<?php echo ($godzina+5);?>.00"><?php echo ($godzina+5);?>:00</option><option value="<?php echo ($godzina+5);?>.30"><?php echo ($godzina+5);?>:30</option><option value="<?php echo ($godzina+6);?>.00"><?php echo ($godzina+6);?>:00</option><option value="<?php echo ($godzina+6);?>.30"><?php echo ($godzina+6);?>:30</option>';
  7. document.getElementById('g1').onchange = function(){
  8. document.getElementById('g2').innerHTML = '<option value="'+(parseInt(g1.value)+3)+'.00">'+(parseInt(g1.value)+3)+':00</option><option value="'+(parseInt(g1.value)+3)+':00">'+(parseInt(g1.value)+3)+':30</option><option>'+(parseInt(g1.value)+4)+':00</option><option>'+(parseInt(g1.value)+4)+':30</option><option>'+(parseInt(g1.value)+5)+':00</option><option>'+(parseInt(g1.value)+5)+':30</option>';}
  9. break;
  10. case 'wyb' : wartgodz.innerHTML = ''; break;
  11. default : wartgodz.innerHTML = 'Od godziny: <select name="godzina" id="g1"><?php if($godzina_ustalona){$godzina_druga=$godzina_ustalona;}else{$godzina_druga=18;} for($go=7;$go<$godzina_druga;++$go){ echo "<option value=\"$go.00\">$go.00</option><option value=\"$go.30\">$go:30</option>"; } ?></select><br>Do: <select name="godzina2" id="g2"></select>';
  12. document.getElementById('g2').innerHTML = '<option value="10.00">10:00</option><option value="10.30">10:30</option><option value="11.30">11:30</option><option value="11.00">11:00</option><option value="12.00">12:00</option><option value="12.30">12:30</option>';
  13. document.getElementById('g1').onchange = function(){
  14. document.getElementById('g2').innerHTML = '<option value="'+(parseInt(g1.value)+3)+'.00">'+(parseInt(g1.value)+3)+':00</option><option value="'+(parseInt(g1.value)+3)+':00">'+(parseInt(g1.value)+3)+':30</option><option value="'+(parseInt(g1.value)+4)+':00">'+(parseInt(g1.value)+4)+':00</option><option value="'+(parseInt(g1.value)+4)+':30">'+(parseInt(g1.value)+4)+':30</option><option value="'+(parseInt(g1.value)+5)+':00">'+(parseInt(g1.value)+5)+':00</option><option value="'+(parseInt(g1.value)+5)+':30">'+(parseInt(g1.value)+5)+':30</option>';}
  15. break;
  16. }
  17. }

No i na chrome wszystko pięknie chodzi, jednak na firefox wydaje się wczytywać tylko to pierwsze przypisanie
  1. document.getElementById('g2').innerHTML = '<option value="10.00">10:00</option><option value="10.30">10:30</option><option value="11.30">11:30</option><option value="11.00">11:00</option><option value="12.00">12:00</option><option value="12.30">12:30</option>';

I nic sie nie zmienia pomimo zmiany formularzy, jak to zastąpić żeby od razu po załadowaniu pokazywała się ta domyślna opcja, a później żeby po prostu korzystało z funkcji która dodaje + 3 do godziny.

I drugie pytanie jak zrobić tak żeby np. jak ktoś wybierze godzinę 12:30 żeby w następnej ramce pokazywało mu 15:30 a nie 15:00 ?