Forum PHP.pl > [js+php]Dynamiczny formularz

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js+php]Dynamiczny formularz

aleksandra

13.07.2006, 12:38:18

Cześć
chciałabym zrobić interaktywny formularz zawierający m.in listę (<select>), lista jest generowana dynamicznie przez php z zawartości tabeli mysql i w ogólności jej zawartość nie jest stała.
Po wybraniu jednej z pozycji ("inne") ma się pokazać dodatkowe pole input.
Wiem już, że wykonać należy to z wykorzystaniem java script, znalazłam cechy obiektu select, ale zadne nie przedstawia zaznaczonej pozycji co do wartości a tylko co do indeksu (który z uwagi na zmienna zawartość listy może sie zmieniać - stała jest nazwa opcji)

Wymyśliłam coś takiego:

[HTML] pobierz, plaintext 
onload=function(){
document.formularz.input ustaw jako niewidzialny}
 
function sprawdz(){
 
with(document.formularz){
pobierz options dla obiektu lista
sprawdz jaki indeks ma opcja "inne"
jesli selectedIndex dla obiektu lista = wcześnie sprawdzonemu indeksowi ustaw widzialność obiektu input
w przeciwny wypadku pozostaw niewidzialny
}
 
<form name="formularz">
 
<input type="text" name="input" onfocus(?)="sprawdz()">
<select name="lista" >
<!-- przykladowy wyglad wygenerowanej przez php listy-->
<option >A
<option >B
<option>inne
<option>C
</select>
</form>
[HTML] pobierz, plaintext

Jako że javascript widzę pierwszy raz

nie mam pojecia jak to zakodować ani nawet czy to ma szanse zadziałać (i czy taka postac listy select jest poprawna, bo w przykładach js widziałam nieco inną)

Z góry ogromnie dziękuję za wszelką pomoc

Ja_Szczur

13.07.2006, 17:59:26

kod pisany "na gorąco" :]

[HTML] pobierz, plaintext 
...
<body onload="sprawdz()">
...
<form method="post" name="formularz">
  <input type="text" name="pole">
 
  <select name="sel" onChange="sprawdz()">
    <option value="wartosc1"> tekst1 </option>
    <option value="wartosc2"> tekst2 </option>
    ....
    <option value="inne"> ...inne </option>
</form>
 
<script language="JavaScript">
function sprawdz()
{
  if( document.formularz.sel.options[ document.formularz.sel.selectedIndex ].value == "inne" )
    document.formularz.pole.style.display = 'inline';
  else
    document.formularz.pole.style.display = 'none';
}
</script>
[HTML] pobierz, plaintext

aleksandra

13.07.2006, 19:19:39

nie spodziewałam się gotowego kodu, dziękuję ogromnie.

Jakie to proste jak ktos napisze

Pięknie działa. Jeszcze raz dziękuję.

Mam jedno pytanie:
czy opcja value
<option value="wartosc1"> tekst1 </option>
jest niezbedna? zawsze konstruowałam listy wyboru bez niej i wszystko działało

piotrekkr

13.07.2006, 19:55:43

tak mi sie wydaje ze jesli nie ma value="wartosc to za wartosc tego przyjmowane jest to co jest pomiedzy

Kod

Athlan

14.07.2006, 14:59:55

Cytat(aleksandra @ 13.07.2006, 18:19 )

czy opcja value
<option value="wartosc1"> tekst1 </option>
jest niezbedna? zawsze konstruowałam listy wyboru bez niej i wszystko działało

sobie sprawdź:

[PHP] pobierz, plaintext 
<?php
if($_POST['value_test'])
{
echo'Wypluło: '.$_POST['value_test'];
}
else
{
echo'
<form action="'.$_SERVER['PHP_SELF'].'" method="post">
<select name="value_test">
<option>costam</option>
<input type="submit" value="a se testuj ">
</select>
</form>
';
}
?>
[PHP] pobierz, plaintext

[pisane na szybko]
pozdro

EDIT... ach zapomnialem przycisku submit

poprawione

Gość

19.07.2006, 08:30:14

He, he, dzięki.
Aż taka początkująca nie jestem co by sobie submit nie dodać

Ogromne dzięki za pomoc

aleksandra

19.07.2006, 08:33:22

Upss,

Zapomniałam się zalogować. Sorki

Jeszcze raz dzięki za pomoc

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.