Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][MySQL] Dynamiczna rozwijana lista i kilka baz
Forum PHP.pl > Forum > Przedszkole
Napotykacz
23.02.2012, 12:25:55
Witam,

Mam baze w której mam dwie kolumny: "kolumna1" "baza"
W "kolumna1" jest tekst który wyświetla się w selectach
a w "baza" jest nazwa innej bazy z której ma pobierać dane.

Czyli wybieram tekst z "kolumna1" w select np. Jedzenie
i w $wybranakolumna jest wyświetlana nazwa przypisanej bazy z kolumny "baza" np. hamburger.
Co powiniena zawierać $wybranakolumna aby to działało questionmark.gif?


[PHP] pobierz, plaintext 
  1. <?php
  2. //**************************************
  3. //     Page load dropdown results     //
  4. //**************************************
  5. function getTierOne()
  6. {
  7. 	$result = mysql_query("SELECT DISTINCT kolumna1 FROM baza1") 
  8. 	or die(mysql_error());
  9.  
  10. 	  while($tier = mysql_fetch_array( $result )) 
  11.  
  12. 		{
  13. 		   echo '<option value="'.$tier['kolumna1'].'">'.$tier['kolumna1'].'</option>';
  14. 		}
  15.  
  16. }
  17.  
  18. //**************************************
  19. //     First selection results     //
  20. //**************************************
  21. if($_GET['func'] == "drop_1" && isset($_GET['func'])) { 
  22.    drop_1($_GET['drop_var']); 
  23. }
  24.  
  25. function drop_1($drop_var)
  26. {  
  27.     include_once('db.php');
  28. 	$result = mysql_query("SELECT DISTINCT typjedzenia FROM ". $wybranakolumna ."") 
  29. 	or die(mysql_error());
  30.  
  31. 	echo '<select name="drop_2" id="drop_2">
  32. 	      <option value=" " disabled="disabled" selected="selected">Choose one</option>';
  33.  
  34. 		   while($drop_2 = mysql_fetch_array( $result )) 
  35. 			{
  36. 			  echo '<option value="'.$drop_2['typjedzenia'].'">'.$drop_2['typjedzenia'].'</option>';
  37. 			}
  38.  
  39. 	echo '</select>';
  40. 	echo "<script type=\"text/javascript\">
  41. $('#wait_2').hide();
  42. 	$('#drop_2').change(function(){
  43. 	  $('#wait_2').show();
  44. 	  $('#result_2').hide();
  45.       $.get(\"func.php\", {
  46. 		func: \"drop_2\",
  47. 		drop_var: $('#drop_2').val()
  48.       }, function(response){
  49.         $('#result_2').fadeOut();
  50.         setTimeout(\"finishAjax_tier_three('result_2', '\"+escape(response)+\"')\", 400);
  51.       });
  52.     	return false;
  53. 	});
  54. </script>";
  55. }
[PHP] pobierz, plaintext
basstone
23.02.2012, 23:59:24 
[PHP] pobierz, plaintext 
  1. $wybranakolumna = $tier['baza'];
[PHP] pobierz, plaintext


Z tego co piszesz to tak smile.gif
Napotykacz
24.02.2012, 10:36:35
Dzięki ale nie o to chodziło. Co prawda już sobie z tym poradziłem ale mam inny problem.
Chcę w linijce 72 (tam gdzie teraz jest "PIERWSZYWYBOR") wstawić wartość z selecta pierwszego (linijka 14).
Wie ktoś jak to zrobić ? 

[PHP] pobierz, plaintext 
  1. <?php
  2. //**************************************
  3. //     WYBIERANIE PRODUCENTA     //
  4. //**************************************
  5. function getTierOne()
  6. {
  7. 	$result = mysql_query("SELECT DISTINCT * FROM Producenci") 
  8. 	or die(mysql_error());
  9.  
  10. 	  while($tier = mysql_fetch_array( $result )) 
  11.  
  12. 		{
  13.  
  14.       echo '<option value="'.$tier['nazwa'].'">'.$tier['nazwa'].'</option>';
  15.  
  16. 		} 
  17.  
  18. }
  19. //**************************************
  20. //     WYBIERANIE TOWARU     //
  21. //**************************************
  22. if($_GET['func'] == "drop_1" && isset($_GET['func'])) { 
  23.    drop_1($_GET['drop_var']); 
  24.  
  25. }
  26.  
  27. function drop_1($drop_var)
  28. {  
  29.  
  30.   include_once('db.php');
  31. 	$result = mysql_query("SELECT DISTINCT product FROM ".$drop_var."") 
  32. 	or die(mysql_error()); 
  33. 		$baza = "Daiber";
  34.  
  35. 	echo '<select name="drop_2" id="drop_2">
  36. 	      <option value=" " disabled="disabled" selected="selected">-- Wybierz produkt --</option>';
  37.  
  38. 		   while($drop_2 = mysql_fetch_array( $result )) 
  39. 			{
  40. 			  echo '<option value="'.$drop_2['product'].'">'.$drop_2['product'].'</option>';
  41. 			}
  42.  
  43. 	echo '</select>';
  44. 	echo "<script type=\"text/javascript\">
  45. $('#wait_2').hide();
  46. 	$('#drop_2').change(function(){
  47. 	  $('#wait_2').show();
  48. 	  $('#result_2').hide();
  49.       $.get(\"func.php\", {
  50. 		func: \"drop_2\",
  51. 		drop_var: $('#drop_2').val()
  52.       }, function(response){
  53.         $('#result_2').fadeOut();
  54.         setTimeout(\"finishAjax_tier_three('result_2', '\"+escape(response)+\"')\", 400);
  55.       });
  56.     	return false;
  57. 	});
  58. </script>";
  59. }
  60.  
  61.  
  62. //**************************************
  63. //     WYBIERANIE KOLORU    //
  64. //**************************************    
  65. if($_GET['func'] == "drop_2" && isset($_GET['func'])) { 
  66.    drop_2($_GET['drop_var']); 
  67. }
  68.  
  69. function drop_2($drop_var)
  70. {  
  71.     include_once('db.php');
  72. 	$result = mysql_query("SELECT DISTINCT color FROM PIERWSZYWYBOR WHERE product='$drop_var'") 
  73. 	or die(mysql_error());
  74.  
  75. 	echo '<select name="drop_3" id="drop_3">
  76. 	      <option value=" " disabled="disabled" selected="selected">-- Wybierz kolor --</option>';
  77.  
  78. 		   while($drop_3 = mysql_fetch_array( $result )) 
  79. 			{
  80. 			  echo '<option value="'.$drop_3['color'].'">'.$drop_3['color'].'</option>';
  81. 			}
  82.  
  83. 	echo '</select> ';
  84.     echo '<input type="submit" name="submit" value="Submit" />';
  85. }
  86. ?>
[PHP] pobierz, plaintext
spokoloko123
24.02.2012, 11:48:39
Nie zrobisz tego za pomocą PHP. Chyba, że przeładował byś stronę i po submit dla selecta action będziesz miał na ten sam plik z którego wysyłasz. I wtedy ustaw sobie pod koniec warunek, że jeśli istnieje już wartość w tym polu to przekierowanie na plik który tam sobie chcesz.
Napotykacz
24.02.2012, 11:56:34
A coś z zmienną globalną ?
spokoloko123
24.02.2012, 11:58:18
Problem polega na tym, że to serwer umieszcza coś w zmiennych na podstawie twoich derektyw, które mu wysyłasz. Ale bez przeładowania strony to one nie zostaną wgl wysłane. Tu się kłania JS.
Napotykacz
24.02.2012, 12:35:33
W takim razie jak to rozwiązać w JS ? To strona główna ...

[HTML] pobierz, plaintext 
  1. <?php 
  2.   include('db.php');
  3.   include('func.php');
  4. ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>Chained Select Boxes using PHP, MySQL and jQuery</title>
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  10.  
  11. <script type="text/javascript">
  12. $(document).ready(function() {
  13. 	$('#wait_1').hide();
  14. 	$('#drop_1').change(function(){
  15. 	  $('#wait_1').show();
  16. 	  $('#result_1').hide();
  17.       $.get("func.php", {
  18. 		func: "drop_1",
  19. 		drop_var: $('#drop_1').val()
  20.       }, function(response){
  21.         $('#result_1').fadeOut();
  22.         setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
  23.       });
  24.     	return false;
  25. 	});
  26. });
  27.  
  28. function finishAjax(id, response) {
  29.   $('#wait_1').hide();
  30.   $('#'+id).html(unescape(response));
  31.   $('#'+id).fadeIn();
  32. }
  33. function finishAjax_tier_three(id, response) {
  34.   $('#wait_2').hide();
  35.   $('#'+id).html(unescape(response));
  36.   $('#'+id).fadeIn();
  37. }
  38. </script>
  39. </head>
  40.  
  41. <body>
  42. <p>
  43. <form action="" method="post">
  44.  
  45.     <select name="drop_1" id="drop_1">
  46.  
  47.       <option value="" selected="selected" disabled="disabled">-- Wybierz producenta --</option>    
  48.  
  49.       <?php getTierOne(); ?>
  50.  
  51.     </select> 
  52.  
  53.     <span id="wait_1" style="display: none;">
  54.     <img alt="Please Wait" src="ajax-loader.gif"/>
  55.     </span>
  56.     <span id="result_1" style="display: none;"></span>
  57.     <span id="wait_2" style="display: none;">
  58.     <img alt="Please Wait" src="ajax-loader.gif"/>
  59.     </span>
  60.     <span id="result_2" style="display: none;"></span> 
  61.  
  62. </form>
  63. </p>
  64. <p>
  65. <?php if(isset($_POST['submit'])){
  66. 	$drop = $_POST['drop_1'];
  67. 	$drop_2 = $_POST['drop_2'];
  68. 	$drop_3 = $_POST['drop_3'];
  69. 	echo "You selected a ";
  70. 	echo $drop_3." ".$drop." ".$drop_2;
  71. }
  72. ?>
  73. </body>
  74. </html>
[HTML] pobierz, plaintext
spokoloko123
24.02.2012, 15:04:25
Lipa bo listę generuje ci funkcja, a jej tu nie wstawiłeś. Pewnie jest w func.php.
Napotykacz
24.02.2012, 15:22:23



PLIK FUNC.PHP

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3.  
  4. //**************************************
  5. //     WYBIERANIE PRODUCENTA     //
  6. //**************************************
  7. function getTierOne()
  8. {
  9.  
  10.  
  11.  
  12. 	$result = mysql_query("SELECT DISTINCT * FROM Producenci") 
  13. 	or die(mysql_error());
  14.  
  15. 	  while( $tier = mysql_fetch_array( $result )) 
  16.  
  17. 		{
  18.  
  19.       echo '<option value="'.$tier['nazwa'].'">'.$tier['nazwa'].'</option>';
  20.  
  21. 		} 
  22.  
  23. }
  24.  
  25. //**************************************
  26. //     WYBIERANIE TOWARU     //
  27. //**************************************
  28. if($_GET['func'] == "drop_1" && isset($_GET['func'])) { 
  29.    drop_1($_GET['drop_var']); 
  30.  
  31. }
  32.  
  33. function drop_1($drop_var)
  34. {  
  35.  
  36.   include_once('db.php');
  37. 	$result = mysql_query("SELECT DISTINCT product FROM ".$drop_var."") 
  38. 	or die(mysql_error()); 
  39.  
  40.  
  41. 	echo '<select name="drop_2" id="drop_2">
  42. 	      <option value=" " disabled="disabled" selected="selected">-- Wybierz produkt --</option>';
  43.  
  44. 		   while($drop_2 = mysql_fetch_array( $result )) 
  45. 			{
  46. 			  echo '<option value="'.$drop_2['product'].'">'.$drop_2['product'].'</option>';
  47. 			}
  48.  
  49. 	echo '</select>';
  50. 	echo "<script type=\"text/javascript\">
  51. $('#wait_2').hide();
  52. 	$('#drop_2').change(function(){
  53. 	  $('#wait_2').show();
  54. 	  $('#result_2').hide();
  55.       $.get(\"func.php\", {
  56. 		func: \"drop_2\",
  57. 		drop_var: $('#drop_2').val()
  58.       }, function(response){
  59.         $('#result_2').fadeOut();
  60.         setTimeout(\"finishAjax_tier_three('result_2', '\"+escape(response)+\"')\", 400);
  61.       });
  62.     	return false;
  63. 	});
  64. </script>";
  65. }
  66.  
  67.  
  68. //**************************************
  69. //     WYBIERANIE KOLORU    //
  70. //**************************************
  71.  
  72. if($_GET['func'] == "drop_2" && isset($_GET['func'])) { 
  73.    drop_2($_GET['drop_var']); 
  74. }
  75.  
  76. function drop_2($drop_var)
  77. {  
  78.     include_once('db.php');
  79.   $jeden = $_GET['drop_var'];  
  80. 	$result = mysql_query("SELECT DISTINCT color FROM `$drop_var` WHERE product='$drop_var'") 
  81. 	or die(mysql_error());
  82.  
  83. 	echo '<select name="drop_3" id="drop_3">
  84. 	      <option value=" " disabled="disabled" selected="selected">-- Wybierz kolor --</option>';
  85.  
  86. 		   while($drop_3 = mysql_fetch_array( $result )) 
  87. 			{
  88. 			  echo '<option value="'.$drop_3['color'].'">'.$drop_3['color'].'</option>';
  89. 			}
  90.  
  91. 	echo '</select> ';
  92.     echo '<input type="submit" name="submit" value="Submit" />';
  93. }
  94. ?>
[PHP] pobierz, plaintext



PLIK INDEX.PHP

[PHP] pobierz, plaintext 
  1. <?php 
  2.   include('db.php');
  3.   include('func.php');
  4. ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>Chained Select Boxes using PHP, MySQL and jQuery</title>
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  10.  
  11. <script type="text/javascript">
  12. $(document).ready(function() {
  13. 	$('#wait_1').hide();
  14. 	$('#drop_1').change(function(){
  15. 	  $('#wait_1').show();
  16. 	  $('#result_1').hide();
  17.       $.get("func.php", {
  18. 		func: "drop_1",
  19. 		drop_var: $('#drop_1').val()
  20.       }, function(response){
  21.         $('#result_1').fadeOut();
  22.         setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
  23.       });
  24.     	return false;
  25. 	});
  26. });
  27.  
  28. function finishAjax(id, response) {
  29.   $('#wait_1').hide();
  30.   $('#'+id).html(unescape(response));
  31.   $('#'+id).fadeIn();
  32. }
  33. function finishAjax_tier_three(id, response) {
  34.   $('#wait_2').hide();
  35.   $('#'+id).html(unescape(response));
  36.   $('#'+id).fadeIn();
  37. }
  38. </script>
  39. </head>
  40.  
  41. <body>
  42. <p>
  43.  
  44.  
  45. <form action="" method="post">
  46.  
  47.     <select name="drop_1" id="drop_1">
  48.  
  49.       <option value="" selected="selected" disabled="disabled">-- Wybierz markę --</option>  
  50.       <option>Sol's</option>
  51.        <option>MyrtleBeach</option> 
  52.         <option>James & Nicholson</option> 
  53.          <option>Cos</option> 
  54.  
  55.  
  56.  
  57.     </select> 
  58.  
  59.  
  60. </form>
  61.  
  62.  
  63. <form action="" method="post">
  64.  
  65.     <select name="drop_1" id="drop_1">
  66.  
  67.       <option value="" selected="selected" disabled="disabled">-- Wybierz towar --</option>    
  68.  
  69.       <?php getTierOne(); ?>
  70.  
  71.     </select> 
  72.  
  73.     <span id="wait_1" style="display: none;">
  74.     <img alt="Please Wait" src="ajax-loader.gif"/>
  75.     </span>
  76.     <span id="result_1" style="display: none;"></span>
  77.     <span id="wait_2" style="display: none;">
  78.     <img alt="Please Wait" src="ajax-loader.gif"/>
  79.     </span>
  80.     <span id="result_2" style="display: none;"></span> 
  81.  
  82. </form>
  83. </p>
  84. <p>
  85. <?php if(isset($_POST['submit'])){
  86. 	$drop = $_POST['drop_1'];
  87. 	$drop_2 = $_POST['drop_2'];
  88. 	$drop_3 = $_POST['drop_3'];
  89. 	echo "You selected a ";
  90. 	echo $drop_3." ".$drop." ".$drop_2;
  91. }
  92. ?>
  93. </body>
  94. </html>
[PHP] pobierz, plaintext
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.