Mam mały problem z javascript...
Mam taki skrypt java:
<script language="JavaScript" type="text/javascript"> function checkType(val) { if( val == 'Tabela' ) { document.getElementById('element01').style.display = 'table-row'; document.getElementById('element01').style.visibility = 'visible'; document.getElementById('element02').style.display = 'none'; document.getElementById('element02').style.visibility = 'hidden'; document.getElementById('element03').style.display = 'none'; document.getElementById('element03').style.visibility = 'hidden'; document.getElementById('element04').style.display = 'table-row'; document.getElementById('element04').style.visibility = 'visible'; } else { document.getElementById('element01').style.display = 'none'; document.getElementById('element01').style.visibility = 'hidden'; document.getElementById('element02').style.display = 'table-row'; document.getElementById('element02').style.visibility = 'visible'; document.getElementById('element03').style.display = 'table-row'; document.getElementById('element03').style.visibility = 'visible'; document.getElementById('element04').style.display = 'none'; document.getElementById('element04').style.visibility = 'hidden'; } } </script>
oraz taki skrypt php
<?php $tresc_zapytania = "SELECT * FROM `cos_tam` WHERE `id`='{$id}'"; echo ' <center> <form action="cos_tam.php?id='.$wiersz[0].'" method="post"> <table cellpadding="0" id="tabela" width="100%"> <tr> <td id="top_4" width="120"> Rodzaj</td> <td id="top_3" width="580"> <select name="rodzaj" onChange="checkType(this.value);">'; if($wiersz[2] == 'Tabela') { echo ' <option value="Inne">Cos innego</option> <option value="Tabela" selected>Tabela</option> '; } else { echo ' <option value="Inne" selected>Cos innego</option> <option value="Tabela">Tabela</option> '; } echo ' </select> </td> </tr> <tr id="element01" style="visibility:hidden; display:none;"> <td id="top_4" width="120"> Tabela</td> <td id="top_3" width="580"> Jakiś element tabeli</td> </tr> <tr id="element04" style="visibility:hidden; display:none;"> <td id="top_4" width="120"> Tabela</td> <td id="top_3" width="580"> Jakiś element tabeli</td> </tr> <tr id="element02"> <td colspan="2" id="top_4"> Cos innego</td> </tr> <tr id="element03"> <td class="top_3" colspan=2> Cos innego</td> </tr> </table> <br> <center> <input type="submit" value="Zapisz zmiany" class="wyloguj"> </form> </center> '; ?>
I ma mam następujący problem... Jak w bazie ustawione jest, że rodzaj to "Tabela" to i tak po wejściu na stronę nadal pokazuje elementu tabeli, które mają należec do rodzaju "Coś tam innego" a powinno pokazywać elementy do "Tabela"
Proszę o pomoc
Pozdrawiam