Witam. Piszę na forum ponieważ nie mam pojęcia jak to w google znaleźć, jest mi to ciężko opisać ale mam nadzieję, że mnie zrozumiecie.
Mam na stronie formularz i chodzi mi o to, że pierwsze pole jest polem SELECT z opcjami opcja1 i opcja 2 i teraz w zależności czy użytkownik wybierze opcje1 czy opcje2 pod spodem (dalsza część formularzu się zmieni).
Pełna wersja: [PHP][HTML]Treść po wyborze pola
Poczytaj o javascript
Cytat(Spawnm @ 6.07.2009, 09:23:13 ) 
Poczytaj o javascript
całą js mam przestudiować? może jakoś zawęzisz odpowiedź
) jakiś przykład również by się przydał
Według mnie najlepiej jest zrobić funkcję, która będzie sprawdzała co zostało wybrane z SELECTA i na tej podstawie będzie generowany formularz.
a moglibyście podać jakiś przykład takiej funkcji? kompletnie na js się nie znam ale jak miał bym przykład mógł bym pokombinować i może by coś z tego wyszło, na prawdę był bym wdzięczny ;]
Przeczytaj tekst i zobacz przykłady na tej stronie
Tutaj masz przykład jak zmienić zawartość tabelki w zależności od wartości SELECTA
Kod
<script language="javascript" type="text/javascript">
<!--
function zmien() {
numer = document.f1.opcje.selectedIndex;
if (numer==0) {
document.getElementById("o1").innerHTML = "cos tam 1 w oknie 1";
document.getElementById("o2").innerHTML = "cos tam 2 w oknie 1";
}
if (numer==1) {
document.getElementById("o1").innerHTML = "cos tam 1 w oknie 2";
document.getElementById("o2").innerHTML = "cos tam 2 w oknie 2";
}
}
// -->
</script>
<form name="f1">
<select name="opcje" onchange="zmien()">
<option>cos tam 1</option>
<option>cos tam 2</option>
</select>
</form>
<p>
Podgląd danych z formularza:
</p>
<table border="1"><tr>
<td id="o1">cos tam 1 w oknie 1</td>
<td id="o2">cos tam 1 w oknie 2</td>
</tr></table>
<!--
function zmien() {
numer = document.f1.opcje.selectedIndex;
if (numer==0) {
document.getElementById("o1").innerHTML = "cos tam 1 w oknie 1";
document.getElementById("o2").innerHTML = "cos tam 2 w oknie 1";
}
if (numer==1) {
document.getElementById("o1").innerHTML = "cos tam 1 w oknie 2";
document.getElementById("o2").innerHTML = "cos tam 2 w oknie 2";
}
}
// -->
</script>
<form name="f1">
<select name="opcje" onchange="zmien()">
<option>cos tam 1</option>
<option>cos tam 2</option>
</select>
</form>
<p>
Podgląd danych z formularza:
</p>
<table border="1"><tr>
<td id="o1">cos tam 1 w oknie 1</td>
<td id="o2">cos tam 1 w oknie 2</td>
</tr></table>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.