Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][MySQL][PHP] dynamiczne uzupełnianie
Forum PHP.pl > Forum > Przedszkole
ufoxxx
27.02.2015, 07:04:34
Witam,
mam tabele adresy, w ktorej jest nazwa, ulica, kod pocztowy i miejscowosc.
Zalozmy ze tabela jest wypelniona danymi i w momencie gdy wypelniam inny formularz np. korespondencja, wypelniam poszczegolne dane i chce aby adres byl wypelniany dynamicznie, tzn wybieram nazwe i automatycznie uzupelnia mi sie ulica kod itp.
Prosze o propozycje jak to mniej wiecej rozwiazac :-P
gawar
27.02.2015, 10:52:06
Za pomocą Ajaxa pobierz dane z bazy i uzupełnij je w formularzu.
ufoxxx
27.02.2015, 11:48:37
Jakis przykladzik? Mam formularz z opcja rozwinieca i tam rozwijaja sie te adresy.
ilidir
27.02.2015, 12:27:10
wyślij zapytanie przy pomocy AJAXA do bazy danych nastepnie odbierz sobie to iwprowadz przy pomocy javascrit do odpowiednich pól twojego formularza.

Przykłady:

[PHP] pobierz, plaintext 
  1. <select id="select_wybor_id" class="select_wybor_class" size="2" onClick="wybor()" >
  2. 					<option name="wybor" value="radni">radni</option>
  3. 					<option name="wybor" value="komisje">komisje</option>
  4. 				</select> 
[PHP] pobierz, plaintext



a oto przykładowy skrypt Javascript z wykorzystaniem AJAX

[PHP] pobierz, plaintext 
  1. function wybor() {
  2. 					var wybor = $('.select_wybor_class').val();   //przypisujemy wybor czy radni czy komisje z listy rozwijanej
  3. 					$.ajax({
  4. 						type: "POST",
  5. 						url: "wiad_ajax.php",
  6. 						dataType : 'json',
  7. 						data: {
  8. 							dana1 : wybor,						//przypisanie zmiennych dowysylki
  9. 							},
  10. 						success : function(json) {
  11. 							var select_success = document.getElementById('select_rk_id'); //przypisanie do zmiennej wartosci elementu
  12. 							for (i=0;i<=json.length;i++)
  13. 							{
  14. 							   var option_success = document.createElement("option"); //tworzymy obiekt option
  15. 							   option_success.setAttribute("value", json[i]);
  16. 							   option_success.text = ""+json[i]+""; //przypisujemy do niego odebrane wartosci z ajaxa
  17. 							   select_success.appendChild(option_success); //dodanie stworzonego optiona do select
  18. 							}
  19. 						},
  20. 						error : function(error) {
  21. 							alert("Jest kłopot");
  22. 						}
  23. 					});
  24.  
  25. 				}
  26.  
[PHP] pobierz, plaintext




To przykład kodu w pliku wiad_ajax.php jest zapytanie SQL-owe oraz przekazanie jsonem danych spowrotem do Ajaxa:

przekazanie danych:

[PHP] pobierz, plaintext 
  1. echo json_encode($tablica);   - w tym przypadku przekazuje tabele ktora jest odbierana powyzej.
[PHP] pobierz, plaintext
ufoxxx
27.02.2015, 22:31:42
Nie moge tego ogarnąć, potrzebuje wiecej wskazówek tongue.gif Jak klikne nazwe adresata to mają uzupełnić się pola ulica, kod pocztowy, miejscowosc i tu jest problem sad.gif
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <link href="dist/css/bootstrap.min.css" rel="stylesheet">
  6. <link href="dist/css/bootstrap-theme.min.css" rel="stylesheet">
  7. <link href="css/theme.css" rel="stylesheet">
  8. <link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all" />
  9. <script type="text/javascript" src="js/jquery.js"></script>
  10. <script type="text/javascript" src="js/jquery-ui.js"></script>
  11. <title>Poczta wysłana</title>
  12. <script type="text/javascript">
  13. $(document).ready(function()
  14. {
  15.    var DataWysylki1Opts =
  16.    {
  17.       dateFormat: 'yy-mm-dd',
  18.       changeMonth: false,
  19.       changeYear: false,
  20.       showButtonPanel: false,
  21.       showAnim: 'show'
  22.    };
  23.    $("#DataWysylki").datepicker(DataWysylki1Opts);
  24. });
  25. </script>
  26. </head>
  27. <body role="document">
  28. <div class="container theme-showcase" role="main">
  29. <?php
  30. include ("db_fns.php");
  31. db_connect();
  32. if (isset($_POST['DataWysylki'])) {
  33. $DataWysylki = $_POST['DataWysylki'];
  34. $rodzajpoczty = $_POST['rodzajpoczty'];
  35. $ZnakSprawy = $_POST['ZnakSprawy'];
  36. $NazwaAdresata = $_POST['NazwaAdresata'];
  37. $Adres = $_POST['Adres'];
  38. $KodPocztowy = $_POST['KodPocztowy'];
  39. $Miejscowosc = $_POST['Miejscowosc'];
  40. $TrescWysylki = $_POST['TrescWysylki'];
  41. $IdOdebrane = $_POST['IdOdebrane'];
  42. if (($DataWysylki == '') || ($ZnakSprawy == '') || ($TrescWysylki == '') || ($IdOdebrane == '')) {
  43. 	echo '<p style="color: red;">Nie wypełniłeś jednego z pól</p>';
  44. }
  45. else {
  46. 	$ZnakSprawy = mysql_real_escape_string($ZnakSprawy);
  47. 	$DataWysylki = mysql_real_escape_string($DataWysylki);
  48. 	$rodzajpoczty = mysql_real_escape_string($rodzajpoczty);
  49. 	$NazwaAdresata = mysql_real_escape_string($NazwaAdresata);
  50. 	$Adres = mysql_real_escape_string($Adres);
  51. 	$KodPocztowy = mysql_real_escape_string($KodPocztowy);
  52. 	$Miejscowosc = mysql_real_escape_string($Miejscowosc);
  53. 	$TrescWysylki = mysql_real_escape_string($TrescWysylki);
  54. 	$IdOdebrane = mysql_real_escape_string($IdOdebrane);
  55.  
  56. 	$zapytanie = "SELECT * FROM`odbierzpoczte` WHERE IdOdebrane = '$IdOdebrane' AND`status`LIKE'wyslane'";
  57. 	$w = mysql_query($zapytanie);
  58. 	$rekord = mysql_fetch_assoc($w);
  59. 	$status = $rekord['status'];
  60. 	if ($status == 'wyslane')
  61. 		{
  62. 			echo 'Błąd!!! Poczta <b>'.$IdOdebrane.'</b> została już wysłana';
  63. 			echo '<form id="form1" name="form1" method="post" action="pocztawyslana.php">
  64. 			<input type="submit" class="btn btn-default" value="Powrót" />
  65. 			</form>';
  66. 			exit;
  67. 		}
  68. 	$zapytanie2 = "SELECT * FROM`odbierzpoczte` WHERE IdOdebrane = '$IdOdebrane' AND`status`LIKE'kierownik'";
  69. 	$w2 = mysql_query($zapytanie2);
  70. 	$rekord2 = mysql_fetch_assoc($w2);
  71. 	$status2 = $rekord2['status'];
  72. 	if ($status2 == 'kierownik')
  73. 		{
  74. 			echo 'Błąd!!! Poczta <b>'.$IdOdebrane.'</b> jest u kierownika, nie możesz wysłać';
  75. 			echo '<form id="form1" name="form1" method="post" action="pocztawyslana.php">
  76. 			<input type="submit" class="btn btn-default" value="Powrót" />
  77. 			</form>';
  78. 			exit;
  79. 		}
  80.  
  81. 	$zapytanie = 'INSERT INTO wyslijpoczte SET '
  82. 				 .'ZnakSprawy="'.$ZnakSprawy.'", '
  83. 				 .'DataWysylki="'.$DataWysylki.'", '
  84. 				 .'rodzajpoczty="'.$rodzajpoczty.'", '
  85. 				 .'NazwaAdresata="'.$NazwaAdresata.'", '
  86. 				 .'Adres="'.$Adres.'", '
  87. 				 .'KodPocztowy="'.$KodPocztowy.'", '
  88. 				 .'Miejscowosc="'.$Miejscowosc.'", '
  89. 				 .'TrescWysylki="'.$TrescWysylki.'", '
  90. 				 .'IdOdebrane="'.$IdOdebrane.'"';
  91. 	$ok = mysql_query($zapytanie);
  92. 	if ($ok === false) die('nie można było dodać danych do bazy ' .mysql_error());
  93.  
  94. 	$sql = "UPDATE odbierzpoczte SET status='wyslane' WHERE IdOdebrane = '$IdOdebrane'" ;
  95. 	$ok2 = mysql_query($sql);
  96. if ($ok2 === false) die('nie można było dodać danych do bazy ' .mysql_error());
  97. echo "Baza została uzupełniona\n";
  98. echo '<form id="form1" name="form1" method="post" action="nadlesniczy.php">
  99. 	<input type="submit" class="btn btn-default" value="Powrót" />
  100. </form>';
  101.  
  102. 	header("location:komunikatwyslana.php");
  103. 	mysql_close(db_connect());
  104. }}
  105. ?>
  106. <div class="row">
  107.         <div class="col-md-8">
  108. <form role="form" name="OdbierzPoczte" method="POST">
  109.     	<legend>Poczta wysłana</legend>
  110.  
  111.         <div class="form-group">
  112.         <label for="ZnakSprawy">Znak Sprawy</label>
  113.         <input type="text" name="ZnakSprawy" id="ZnakSprawy" class="form-control"/>
  114.         </div>
  115.  
  116.         <div class="form-group">
  117.         <label for="DataWysylki">Data wysłania</label>
  118.         <input name="DataWysylki" id="DataWysylki" class="form-control"/>
  119.         </div>
  120.  
  121.         <div class="form-group">
  122.         <label for="rodzajpoczty">Rodzaj</label>
  123.         <select name="rodzajpoczty" id="rodzajpoczty" class="form-control">
  124.         	<option>Faktura</option>
  125.             <option>Pismo</option>
  126.             <option>Oferta</option>
  127.             <option>Pismo polecone</option>
  128.         </select>
  129.         </div>
  130.  
  131.         <div class="form-group">
  132.         <label for="NazwaAdresata">Adresat</label>
  133.         <select name="NazwaAdresata" id="NazwaAdresata" class="form-control" onClick="wybor()"/>
  134.         <?php
  135. 			$query = 'SELECT NazwaAdresata FROM adresat GROUP BY NazwaAdresata';
  136. 			$results = mysql_query($query) or die(mysql_error());
  137. 			while($row = mysql_fetch_assoc($results))
  138. 			{
  139. 				echo '<option>';
  140. 				foreach($row as $value)
  141. 					echo ($value);
  142. 				echo "\n";
  143. 				echo '</option>';
  144. 			}
  145.  
  146. 		?></select>
  147.         </div>
  148.  
  149.         <div class="form-group">
  150.         <label for="Adres">Ulica</label>
  151.         <input name="Adres" id="Adres" class="form-control"></textarea>
  152.         </div>
  153.  
  154.         <div class="form-group">
  155.         <label for="KodPocztowy">Kod pocztowy</label>
  156.         <input name="KodPocztowy" id="KodPocztowy" class="form-control"></textarea>
  157.         </div>
  158.  
  159.         <div class="form-group">
  160.         <label for="Miejscowosc">Miejscowosc</label>
  161.         <input name="Miejscowosc" id="Miejscowosc" class="form-control"></textarea>
  162.         </div>
  163.  
  164.         <div class="form-group">
  165.         <label for="TrescWysylki">Treść poczty</label>
  166.         <textarea name="TrescWysylki" id="TrescWysylki" class="form-control"></textarea>
  167.         </div>
  168.  
  169.         <div class="form-group">
  170.         <label for="IdOdebrane">IdOdebrane</label>
  171.         <input type="text" name="IdOdebrane" id="IdOdebrane" class="form-control"/>
  172.         </div>
  173.  
  174.         <input type="submit" class="btn btn-default" value="Dodaj" />
  175.     </fieldset>
  176. </form>
  177. </div>
  178. </div>
  179. </div> <!-- /container -->
  180. </body>
  181. </html>
[PHP] pobierz, plaintext
ilidir
27.02.2015, 23:02:13
A gdzie Ty kolego masz tego Ajaxa smile.gif
ufoxxx
28.02.2015, 12:04:14
Zrobiłem sobie testowe pliki i chce zeby wyswietlało się w tych formularzach w poscie wyżej, nie wiem czy to jest dobry przykład, ale nie działa mi w takiej postaci:
test2.php
[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4. function showUser(str) {
  5.     if (str == "") {
  6.         document.getElementById("txtHint").innerHTML = "";
  7.         return;
  8.     } else {
  9.         if (window.XMLHttpRequest) {
  10.             // code for IE7+, Firefox, Chrome, Opera, Safari
  11.             xmlhttp = new XMLHttpRequest();
  12.         } else {
  13.             // code for IE6, IE5
  14.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  15.         }
  16.         xmlhttp.onreadystatechange = function() {
  17.             if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
  18.                 document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
  19.             }
  20.         }
  21.         xmlhttp.open("GET","test3.php?q="+str,true);
  22.         xmlhttp.send();
  23.     }
  24. }
  25. </script>
  26. </head>
  27. <body>
  28.  
  29. <form>
  30. <select name="adresat" onchange="showUser(this.value)">
  31. <?php
  32. include ("db_fns.php");
  33. db_connect();
  34. 			$query = 'SELECT NazwaAdresata FROM adresat GROUP BY NazwaAdresata';
  35. 			$results = mysql_query($query) or die(mysql_error());
  36. 			while($row = mysql_fetch_assoc($results))
  37. 			{
  38. 				echo '<option value="$value">';
  39. 				foreach($row as $value)
  40. 					echo ($value);
  41. 				echo "\n";
  42. 				echo '</option>';
  43. 			}
  44.  
  45. 		?>
  46.   </select>
  47. </form>
  48. <br>
  49. <div id="txtHint"><b>Person info will be listed here...</b></div>
  50.  
  51. </body>
  52. </html>
[PHP] pobierz, plaintext


test3.php
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. table {
  6.     width: 100%;
  7.     border-collapse: collapse;
  8. }
  9.  
  10. table, td, th {
  11.     border: 1px solid black;
  12.     padding: 5px;
  13. }
  14.  
  15. th {text-align: left;}
  16. </style>
  17. </head>
  18. <body>
  19.  
  20. <?php
  21. $q = intval($_GET['q']);
  22.  
  23. $con = mysqli_connect('localhost','root','');
  24. if (!$con) {
  25.     die('Could not connect: ' . mysqli_error($con));
  26. }
  27.  
  28. mysqli_select_db($con,"poczta");
  29. $sql="SELECT * FROM adresat WHERE IdAdresat = '".$q."'";
  30. $result = mysqli_query($con,$sql);
  31.  
  32. echo "<table>
  33. <tr>
  34. <th>Nazwa</th>
  35. <th>Ulica</th>
  36. <th>Kod pocztowy</th>
  37. <th>Miejscowosc</th>
  38. </tr>";
  39. while($row = mysqli_fetch_array($result)) {
  40.     echo "<tr>";
  41.     echo "<td>" . $row['NazwaAdresata'] . "</td>";
  42.     echo "<td>" . $row['Adres'] . "</td>";
  43.     echo "<td>" . $row['KodPocztowy'] . "</td>";
  44.     echo "<td>" . $row['Miejscowosc'] . "</td>";
  45.     echo "</tr>";
  46. }
  47. echo "</table>";
  48. mysqli_close($con);
  49. ?>
  50. </body>
  51. </html>
[PHP] pobierz, plaintext


Wie ktos jak to ogarnąc?
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.