Forum PHP.pl > [js] Dynamiczne formularze

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] Dynamiczne formularze

bobo168

20.12.2006, 17:05:55

Witam mam problem z dynamicznymi formurzami. Chodzi o pola select mianowicie gdy 1 pole ma wartość np. 2 to wtedy 2 pole typu select zmienia sobie wartości które są przypisane do wartości 2 w 1 polu select. Jak to zrobić? Znalazłem taki kod:

Kod

<html>
<head>
<style type="text/css">
div { width: 100px; height: 100px; margin: 0 0 2em 0; }
#k1 {border: 1px solid #000; display: block; background: #000; color: #FFF;}
#k2 {border: 1px solid #000; display: none; background: #FFF; color: #000;}
</style>
<script type="text/javascript">
function wybierz() {
oSelect = document.getElementById("wybor");
if(oSelect.value == "pole1") {
document.getElementById("k1").style.display = "block";
document.getElementById("k2").style.display = "none";
} else {
document.getElementById("k1").style.display = "none";
document.getElementById("k2").style.display = "block";
}
}
</script>
</head>
<body>
<div id="k1">RAZ</div>
<div id="k2">DWA</div>
<select id="wybor" onchange="wybierz()">
<option value="pole1">Pole 1</option>
<option value="pole2">Pole 2</option>
</select>
<select id="wybor" onchange="wybierz()">
<option value="pole1">Pole 1</option>
<option value="pole2">Pole 2</option>
</select>
</body>
</html>

Ale nie bardzo wiem jak to wyedytować aby działało jak chce. Bo z JS nie jeste mocny :/
Z góry thx za pomoc.

Kwazi

21.12.2006, 10:38:49

Spróbuj tak:
Formularzowi i selectom nadaj jakieś nazwy np:

[PHP] pobierz, plaintext 
<?php
<form name=jakis>
<select name=pierwszy onChange=zmien()>
<option value=pole1>Pole 1</option>
<option value=pole2>Pole 2</option>
</select>
<select name=drugi>
<option value=pole1>Pole 1</option>
<option value=pole2>Pole 2</option>
</select>
</form>
?>
[PHP] pobierz, plaintext

A następnie napisz funkcję, która będzie zmieniać wartość drugiego selecta na n-tą opcję w zależności od wyboru n-tej opcji w pierwszym formularzu!
Idea jest taka: Przeleć wszystkie opcje w selekcie pierwszym i znajdź zaznaczoną, pobierz jej numer, a następnie w selekcie drugim przypisz opcji o tym numerze wartosć selected na true.
Mniej więcej coś takoego:

[PHP] pobierz, plaintext 
<?php
<script language=JavaScript>
function zmien()
{
  for (i=0;i<document.jakis['pierwszy'].length;i++)
	  if (document.jakis['pierwszy'].options[i].selected==true) break; 
 
 document.jakis['drugi'].options[i].selected=true;
}
</script>
?>
[PHP] pobierz, plaintext

Powinno działać, ale nie testowałem tego, powodzenia!

en3o

1.02.2007, 14:13:59

a czy ten skrypt da sie przerobic tak aby w jednym polu bylo
np: lista wojewodztwa a w drugim lista misat. i po wybraniu konkretnego wojewodztwa w drugmi wyswietlala sie lista miast z tego wojewodztwa?? bo kombinuje cos takiego i nie nic nie wychodzi.....

pozdrawiam

free

1.02.2007, 21:34:17

Widze ze mamy taki sam problem:
W ponizszym kodzie mam kod odpowiedzialny za wyswietlanie kategorii i podkategorii.
Służy mi on w edycji ogloszeń. Jak sprawic by po zmianie w polu select katagorii AUTOMATYCZNIE zmieniły sie podkategorie.
Kod php

[PHP] pobierz, plaintext 
<?php
<select name="kategoria"><option value="$id_kategoria" selected> $kategoria </option> ";
$wynik=mysql_query("SELECT * FROM kategoria WHERE nazwa not in ('$kategoria')");
for ($i=0; $i<@mysql_num_rows($wynik); $i++){
$wiersz=mysql_fetch_array($wynik);
$nazwa=$wiersz['nazwa'];
echo "<option value="".$wiersz["id_kategoria"].""> $nazwa </option> " ;
}
 echo"</select>";
 
/////////Wyswietla podaketegorie///////////////
$pyt1="SELECT podkat_id, id_podkat, nazwapod, id FROM ogloszenia o, podkat p
 WHERE o.podkat_id=p.id_podkat AND id='$id'";
$wyk1 = mysql_query($pyt1);
$rzad1 = mysql_fetch_array($wyk1);
$podkat = $rzad1['nazwapod'];
$id_podkat = $rzad1['id_podkat'];
 
echo "<select name="podkat"><option value=" $id_podkat" selected> $podkat</option> ";
 
$wynik2=mysql_query("SELECT * FROM podkat WHERE kat_id='$id_kategoria' AND
 nazwapod not in ('$podkat')");
							 for ($i=0; $i<@mysql_num_rows($wynik2); $i++)   {
							 $wiersz2=mysql_fetch_array($wynik2);
							 $nazwapod=$wiersz2['nazwapod'];
							 $id_podkat = $wiersz2['id_podkat'];
							 
echo "<option value="$id_podkat"> $nazwapod </option> " ;   }
echo"</select>";
/////////Koniec podkategorii////////////////
?>
[PHP] pobierz, plaintext

KWAZI jakbyś to połączył z powyższym kodem ?

HomerWells

4.02.2007, 11:45:46

Modyfikuje obecnie galerie zdjęć. Wcześniej zdjęcia były "luzem". Obecnie będą trzamane w tematycznych galeriach a nazwy galerii w "nadkategoriach" w związku z czym mam pytanie. Jeżeli użykownik będzie chciał dodać zdjęcię będzie najpierw musiał:
1) Wybrać nadkategorie
2) Wybrac galerie
3) Dopiero teraz wysłać zdjęcie na serwer
Po wybraniu nadkategorii należałoby wysłać odpowiednie zapytanie do serwera aby pobrać odpowiedni zbiór galerii. Doszedłem do wniosku, że to jest trochę marnotrawienie czasu. Moim zdaniem lepszym rozwiazaniem będzie pobranie przy pierwszym wejsciu na stronę formularza wszystkich nazw nadkategorii oraz galerii a resztą zajmie się javascript.
Czy to jest dobre podejśćie? Łącznie zbiór "nadkategorii" i "galerii" nie będzie pewnie liczył więcej niż 100 pozycji.

en3o

4.02.2007, 23:32:35

znalazlem rozwiazanie do swojego problemu. pod tym adresem Cut & Paste znajduje sie rozwiazanie problemu

.
moze w czyms pomoze.
pozdrawiam

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.