Forum PHP.pl > [AJAX + PHP + MYSQL] Dynamiczny formularz.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX + PHP + MYSQL] Dynamiczny formularz.

Riggs

2.07.2007, 08:06:29

Witam!
Problem pewnie stary jak technologia AJAX ale nigdzie w sieci nie mogę znaleźć rozwiązania. Otóż w kodzie PHP tworzę sobie formularz (wyświetlany funkcją echo()). Ma pola typu input, select, checkbox (to ostatnie ma się generować dynamicznie). Stworzenie formularza w PHP który z bazy danych pobierze sobie dane i "przerobi" je na checkbox-y nie stanowi dla mnie żadnego problemu. Problem jest z dynamicznym formularzem. Przedstawię szybko zasadę jego działania:
1. użytkownik wypisuje sobie inputy itd...
2. z pola SELECT wybiera jedna z wartości (do tego pola opcje OPTION zostały wcześniej wczytane z bazy danych i jako value przechowuję ich ID w bazie).
3. Po zmianie wyboru w SELECT mają generować się checkbox-y w zależności od tego jaka wartość została wybrana w SELECT (tu musiałoby być kolejne zapytanie do bazy).

Rozumiem że punkty 2 i 3 muszą być zrobione w AJAX. Na sieci znalazłem przykład ale z wartościami wpisanymi na sztywno. Jakby ktoś mógł wrzucić taki skrypcik do analizy (bo wolę się tego nauczyć niż ściągać z gotowca).

Drugi problem jest następujący:
Po kliknięciu jakiegoś checkbox-a ma się wyłączyć pole tekstowe. (to pewnie jest banalne ale też nic nie mogę znaleźć).

Z góry dzięki za pomoc.
Pozdrawiam

nexis

10.07.2007, 11:45:36

Pobierz paczkę advAJAX a następnie zrób tak:

index.html

[HTML] pobierz, plaintext 
<html>
<head>
  <script type="text/javascript" src="advajax.js"></script>
  <script type="text/javascript">
    function getBoxes() {
      advAJAX.get({
        url : "boxes.php",
        parameters : {
          "opcje" : document.getElementById("opcje").value
        },
        onSuccess : function(obj) { document.getElementById("box").innerHTML = obj.responseText; }
      });
    }
  </script>
</head>
<body>
<table>
  <tr>
    <td>
      <select name="opcje" id="opcje" onchange="getBoxes()">
        <option value="1">Jeden</option>
        <option value="2">Dwa</option>
        <option value="3">Trzy</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>
      <div id="box"></div>
    </td>
  </tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

boxes.php

[PHP] pobierz, plaintext 
<?php
if ( isset ( $_GET['opcje'] ) ) {
  switch ( $_GET['opcje'] ) {
	case 1:
	  echo '<input type="checkbox" name="a">Jeden<br />';
	  break;
	case 2:
	  echo '<input type="checkbox" name="b">Dwa<br />';
	  break;
	default:
	  echo '<input type="checkbox" name="x">Domyslny<br />';
  }
}
?>
[PHP] pobierz, plaintext

I całość dostosuj do swoich potrzeb.

webmaniak

18.05.2010, 20:09:21

Witam!
Mam kłopot, którego rozwiązanie pozwoli mi rozwijać moją stronkę. Mianowicie Mam dwie kolumny z przyciskiem i checkboxem. Jak nadać odpowiednie id dla np. przycisku żeby później on był odczytywany-pobierany, w skrypcie javascript??
Próbowałem

[PHP] pobierz, plaintext 
id="<?php echo $wynik['id_ar'];?>"
[PHP] pobierz, plaintext

i niby mi wyświetla prawidłowo na stronie 1, 2 itd dla kolejnych przycisków, ale nie wiem jak do tego id się odwołać javascript, bądź też w ajaxie. Mam nadzieję że to dobry temat. Będę wdzięczny za pomoc.

croc

18.05.2010, 22:50:21

Jeśli skrypt powstaje w tym samym pliku:

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('<?php echo $wynik['id_ar'];?>')
[JAVASCRIPT] pobierz, plaintext

Ale coś mi się wydaje, że błądzisz w swojej koncepcji.

webmaniak

19.05.2010, 16:57:11

Dziękuję za odpowiedź. Za chwil kilka wypróbuje. Co do dalszej części Twojej wypowiedzi to ja nie jestem nieomylny i mogę błądzić. Jeśli wiesz w jakim elemencie to będę wdzięczny za wskazówki, bo ja nie wiem o co dokładnie może chodzić.

Przypomniałem sobie jeszcze, bo zapomniałem. A co jeśli chce się odwołać w innym pliku?? czy wtedy użyć include czy include_once??

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.