Forum PHP.pl > [JavaScript][AJAX] Formularz w zależności od wybranej opcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][AJAX] Formularz w zależności od wybranej opcji

patryk9200

8.12.2009, 19:25:05

Cześć,
Poszukuję jakiegoś skryptu potrzebnego mi do formularza w którym miałbym listę rozwijalną i w zależności co bym wybrał pojawiła by się druga lista i na podstawie wybranej opcji z tej drugiej wyświetliło by mi resztę formularza. Jest taki problem, że do 3 kroku pola są generowane w PHP i myślałem, żeby to zrobić np. na zasadzie ukrywanych divów bądź jeśli by szło, żeby wyświetlało dany kod html ale tylko wybrany bo pola z ukrytych divów jeśli dobrze myślę też się wyślą.
Szukałem dość trochę w google ale nic interesującego nie znalazłem.
Może coś na zasadzie podmiany kodu albo coś...

skowron-line

8.12.2009, 19:45:09

Opcja z ukrytymi divami jest całkiem dobra nie jest To zbyt dużo pracy.
Będą Ci potrzebne następujące funkcję
zdarzenie onChange
instrukcje warunkowe switch lub if
No i metody dostępu do obiektów w drzewie DOM.

Jak będziesz miał problem pisz + podaj kod.

patryk9200

10.12.2009, 20:04:55

dobra zrobiłem coś takiego:

[PHP] pobierz, plaintext 
echo '<head>
<script type="text/javascript">
function pokazUkryj(id)
document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none";
</script>
</head>
<body>
<form action="" method="post">
        Czynność:
        <select name="action">
        <option>Brak</option>
        <option value="Edit" onClick="pokazUkryj(\'hiddenSelectEdit\');">Edytuj</option>
        <option value="Add" onClick="pokazUkryj(\'hiddenSelectAdd\');">Dodaj</option>
        <option value="Delete" onClick="pokazUkryj(\'hiddenSelectDelete\');">Usuń</option>
        </select>
        <div style="display: none" id="hiddenSelectAdd">
        Edytuj:
        <select name="what">
        <option>Brak</option>
        <option value="Section" onClick="pokazUkryj(\'hiddenAddSection\');">Dział</option>
        <option value="Category" onClick="pokazUkryj(\'hiddenAddCategory\');">Kategorię</option>
        </select>
        </div>
 
        <div style="display: none" id="hiddenSelectEdit">
        Edytuj:
        <select name="what">
        <option>Brak</option>
        <option value="Section" onClick="pokazUkryj(\'hiddenEditSection\');">Dział</option>
        <option value="Category" onClick="pokazUkryj(\'hiddenEditCategory\');">Kategorię</option>
        </select>
        </div>
        <div style="display: none" id="hiddenSelectDelete">
        Edytuj:
        <select name="what">
        <option>Brak</option>
        <option value="Section" onClick="pokazUkryj(\'hiddenDeleteSection\');">Dział</option>
        <option value="Category" onClick="pokazUkryj(\'hiddenDeleteCategory\');">Kategorię</option>
        </select>
        </div>
 
        <div style="display: none" id="hiddenAddCategory">
        Wybierz dział</br>
        ';MysqlStart ();
        echo '<select name="wid" onchange="ajaxFunction()" id="mid" style="width: 170px;">
        <option value="">--Wybierz dział--</option>';
        $query = 'SELECT * FROM '.dbprefix.'sections WHERE page='.PageID.' AND type=0 ORDER BY id DESC';
        $result = mysql_query($query) or die(mysql_error());
        while($rek = mysql_fetch_array($result)){
        echo'<option value="'.$rek['id'].'">'.$rek['name'].'</option>';}
        echo"</select><br>";MysqlEnd();
        echo '<br>
        Wpisz nazwę kategorii<br>
        <input type="text" name="CategoryName">
                <input type="submit" value=">>> Dodaj <<<" style="width: 720px; hight: 50px;">
        </div>
 
        <div style="display: none" id="hiddenDeleteCategory">
        Wybierz dział</br>
        ';MysqlStart ();
        echo '<select name="wid" onchange="ajaxFunction()" id="mid" style="width: 170px;">
        <option value="">--Wybierz dział--</option>';
        $query = 'SELECT * FROM '.dbprefix.'sections WHERE page='.PageID.' AND type=0 ORDER BY id DESC';
        $result = mysql_query($query) or die(mysql_error());
        while($rek = mysql_fetch_array($result)){
        echo'<option value="'.$rek['id'].'">'.$rek['name'].'</option>';}
        echo '</select><br>'; MysqlEnd();
        echo '<br><div id"ajaxDiv"></div>
        <input type="submit" value=">>> Usuń <<<" style="width: 720px; hight: 50px;"></div>
 
        <div style="display: none" id="hiddenAddSection">
        Wpisz nazwę działu<br>
        <input type="text" name="name">
        <input type="submit" value=">>> Dodaj <<<" style="width: 720px; hight: 50px;">
        </div>
 
        <div style="display: none" id="hiddenDeleteSection">
        Wybierz dział<br>';MysqlStart ();
        echo '<select name="wid" onchange="ajaxFunction()" id="mid" style="width: 170px;">
        <option value="">--Wybierz dział--</option>';
        $query = 'SELECT * FROM '.dbprefix.'sections WHERE page='.PageID.' AND type=0 ORDER BY id DESC';
        $result = mysql_query($query) or die(mysql_error());
        while($rek = mysql_fetch_array($result)){
        echo'<option value="'.$rek['id'].'">'.$rek['name'].'</option>';}
        echo"</select><br>";MysqlEnd();
[PHP] pobierz, plaintext

jak zrobić, że jak chcę wybrać inny element nadrzędny to żeby elementy podrzędne się chowały?
tzn. gdy z jednej listy coś wybiorę a potem zmienię to żeby się to chowało?

można może stworzyć dodatkowy parametr np. jak mamy już id elementu do zrobić sobie np. pid i np. js na padsotawie tego by go chował?

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.