Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Select z onchange + jQuery
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mskiba
13.08.2014, 22:42:33
Witam, mam problem z formularzem, po wybraniu selecta przeładowywuje strone i nie wyswietla danych :/

[HTML] pobierz, plaintext 
  1. <div class="makes">
  2. <form id="myForm">
  3. <select id="make_id" onchange="this.form.submit();">
  4. <option value="Marka 1">Marka 1</option>
  5. <option value="Marka 2">Marka 2</option>
  6. </select>
  7. </form>
  8. </div>
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. $(document).ready(function() {
  2.     $('.makes').submit(function() {
  3.  
  4. 		alert("TEST");
  5.  
  6. 	return false;
  7.     });
  8. });
[PHP] pobierz, plaintext


Jak usune onchange i dodam <input type="submit" /> to dziala prawidlowo.

Z gory dziekuje za pomoc.
luniak
14.08.2014, 05:59:44
Jeżeli już uzywasz JQ to używaj tongue.gif
dodatkowo twój formualrz nie ma klasy makes tylko id = "myForm" so..

[HTML] pobierz, plaintext 
  1. $(document).ready(function() {
  2.     $('#myForm').submit(function() {
  3.         alert("TEST");
  4.  
  5.         return false;
  6.     });
  7.     $('#myForm select').change(function() { $('#myForm').submit(); });
  8. });
[HTML] pobierz, plaintext


mskiba
18.08.2014, 20:30:54
Ok, teraz juz dziala, ale strasznie wolno wink.gif Konsola troche wariuje i nie wiem czemu.

Mam formularze:

[PHP] pobierz, plaintext 
  1. <form id="makesForm">
  2. 	<select class="car_select" id="make_id">
  3. 		<option>--- wybierz marke ---</option>
  4. 		<?php
  5. 			$sql=$connect_ab_db->query("SELECT * FROM car_makes ORDER BY make_name");
  6. 			while($row=$sql->fetch_object())
  7. 			{
  8. 				echo"<option value=\"".$row->make_id."\">".$row->make_name."</option>";
  9. 			}
  10. 		?>
  11. 	</select>
  12. </form>
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <form id="modelsForm">
  2. 	<select class="car_select" id="model_id">
  3. 		<option>--- wybierz model ---</option>
  4. 		<?php
  5.  
  6. 			include_once("".DIR_SCRIPTS_FUNCTIONS."functions_scripts.php");
  7.  
  8. 			$sql=$connect_ab_db->query("SELECT * FROM car_models WHERE make_id='".$_GET['make_id']."' ORDER BY model_name");
  9. 			while($row=$sql->fetch_object())
  10. 			{
  11. 				echo"<option value=\"".$row->model_id."\">".$row->model_name."</option>";
  12. 			}
  13. 		?>
  14. 	</select>
  15. </form>
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <form id="typesForm">
  2. 	<select class="car_select" id="type_id">
  3. 		<option>--- wybierz silnik ---</option>
  4. 		<?php
  5.  
  6. 			include_once("".DIR_SCRIPTS_FUNCTIONS."functions_scripts.php");
  7.  
  8. 			$sql=$connect_ab_db->query("SELECT * FROM car_types WHERE model_id='".$_GET['model_id']."' ORDER BY type_engine, type_km");
  9. 			while($row=$sql->fetch_object())
  10. 			{
  11. 				echo"<option value=\"".$row->type_id."\">".$row->type_engine."</option>";
  12. 			}
  13. 		?>
  14. 	</select>
  15. </form>
[PHP] pobierz, plaintext


oraz jq 

[PHP] pobierz, plaintext 
  1. // Wybor MARKI
  2. $(document).ready(function(){
  3.  
  4. 	$("#makesForm select#make_id").change(function(){
  5. 		var make_id = $('#make_id').val();
  6.  
  7. 		$('.types').fadeOut(200);
  8. 		$('.cars_list').fadeOut(200);
  9. 		$('.categories_list').fadeOut(200);
  10.  
  11. 		$.get('./scripts/session_cars.php?make_id='+make_id, function() {
  12. 			$('.catalog_parts_cars_info').load('./scripts/catalog_parts_cars_info.php');
  13.  
  14. 			$('.models').load('./form/form_models.php?make_id='+make_id, function() {
  15. 				$(this).fadeIn(200);
  16. 			});
  17. 		});
  18. 	});
  19.  
  20. });
  21.  
  22. // Wybor MODELU
  23. $(document).ready(function() {
  24.     $('#modelsForm select#model_id').change(function() {
  25.         var model_id = $('#model_id').val();
  26.  
  27. 		$('.categories_list').fadeOut(200);
  28.  
  29. 		$.get('./scripts/session_cars.php?model_id='+model_id, function() {
  30. 			$('.catalog_parts_cars_info').load('./scripts/catalog_parts_cars_info.php');
  31.  
  32. 			$('.types').load('./form/form_types.php?model_id='+model_id, function() {
  33. 				$(this).fadeIn(200);
  34. 			});
  35.  
  36. 			$('.cars_list').load('./scripts/cars_list.php?model_id='+model_id, function() {
  37. 				$(this).fadeIn(200);
  38. 			});
  39. 		});
  40. 	return false;
  41.     });
  42. });
  43.  
  44. // Wybor SILNIKA
  45. $(document).ready(function() {
  46.     $('#typesForm select#type_id').change(function() {
  47.         var type_id = $('#type_id').val();
  48.  
  49. 		$('.categories_list').fadeOut(200);
  50.  
  51. 		$.get('./scripts/session_cars.php?type_id='+type_id, function() {
  52. 			$('.catalog_parts_cars_info').load('./scripts/catalog_parts_cars_info.php');
  53.  
  54. 			$('.cars_list').load('./scripts/cars_list.php?type_id='+type_id, function() {
  55. 				$(this).fadeIn(500);
  56. 			});
  57. 		});	
  58. 	return false;
  59.     });
  60. });
[PHP] pobierz, plaintext



Wszystko działa, tylko nie wiem czemu w koncoli przy wyboerze modelu pojawia sie zdublowany wpis, po kilka razy wysyla mi za pomoca get model_id.

[PHP] pobierz, plaintext 
  1. jquery-2.0.3.min.js?_=1408389811984/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  2. autobaza.js?_=1408389811985/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms2 ms
  3. jquery-2.0.3.min.js?_=1408389811986/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	8 ms6 ms
  4. autobaza.js?_=1408389811987/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  5. form_types.php?model_id=2/autobaza/form	GET	200OK				text/html	Other			968&#8201;B742 B	29 ms28 ms
  6. catalog_parts_cars_info.php/autobaza/scripts	GET	200OK				text/html	Other			1.1&#8201;KB811 B	12 ms8 ms
  7. cars_list.php?model_id=2/autobaza/scripts	GET	200OK				text/html	Other			4.1&#8201;KB3.9 KB	27 ms24 ms
  8. jquery-2.0.3.min.js?_=1408389811988/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	5 ms2 ms
  9. autobaza.js?_=1408389811989/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  10. catalog_parts_cars_info.php/autobaza/scripts	GET	200OK				text/html	Other			1.1&#8201;KB811 B	7 ms7 ms
  11. form_types.php?model_id=2/autobaza/form	GET	200OK				text/html	Other			968&#8201;B742 B	25 ms24 ms
  12. cars_list.php?model_id=2/autobaza/scripts	GET	200OK				text/html	Other			4.1&#8201;KB3.9 KB	31 ms30 ms
  13. catalog_parts_cars_info.php/autobaza/scripts	GET	200OK				text/html	Other			1.1&#8201;KB811 B	14 ms13 ms
  14. form_types.php?model_id=2/autobaza/form	GET	200OK				text/html	Other			968&#8201;B742 B	39 ms38 ms
  15. cars_list.php?model_id=2/autobaza/scripts	GET	200OK				text/html	Other			4.1&#8201;KB3.9 KB	51 ms50 ms
  16. catalog_parts_cars_info.php/autobaza/scripts	GET	200OK				text/html	Other			1.1&#8201;KB811 B	7 ms6 ms
  17. form_types.php?model_id=2/autobaza/form	GET	200OK				text/html	Other			968&#8201;B742 B	27 ms27 ms
  18. cars_list.php?model_id=2/autobaza/scripts	GET	200OK				text/html	Other			4.1&#8201;KB3.9 KB	43 ms42 ms
  19. jquery-2.0.3.min.js?_=1408389811990/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	6 ms3 ms
  20. autobaza.js?_=1408389811991/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  21. jquery-2.0.3.min.js?_=1408389811992/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	5 ms2 ms
  22. autobaza.js?_=1408389811993/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	4 ms3 ms
  23. jquery-2.0.3.min.js?_=1408389827205/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  24. autobaza.js?_=1408389827206/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  25. jquery-2.0.3.min.js?_=1408389827207/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  26. autobaza.js?_=1408389827208/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  27. jquery-2.0.3.min.js?_=1408389827209/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	5 ms2 ms
  28. autobaza.js?_=1408389827210/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  29. jquery-2.0.3.min.js?_=1408389827347/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  30. autobaza.js?_=1408389827348/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  31. jquery-2.0.3.min.js?_=1408389827349/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  32. autobaza.js?_=1408389827350/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  33. jquery-2.0.3.min.js?_=1408389827351/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  34. autobaza.js?_=1408389827352/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  35. jquery-2.0.3.min.js?_=1408389827353/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  36. autobaza.js?_=1408389827354/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  37. jquery-2.0.3.min.js?_=1408389827355/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  38. autobaza.js?_=1408389827356/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  39. jquery-2.0.3.min.js?_=1408389827357/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  40. autobaza.js?_=1408389827358/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  41. jquery-2.0.3.min.js?_=1408389827359/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  42. autobaza.js?_=1408389827360/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  43. jquery-2.0.3.min.js?_=1408389827361/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms1 ms
  44. autobaza.js?_=1408389827362/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	3 ms2 ms
  45. jquery-2.0.3.min.js?_=1408389827363/autobaza/js	GET	200OK				application/javascript	Other			82.0&#8201;KB81.7 KB	4 ms2 ms
  46. autobaza.js?_=1408389827364/autobaza/js	GET	200OK				application/javascript	Other			6.4&#8201;KB6.1 KB	2 ms1 ms
  47. jquery-2.0.3.min.map/autobaza	GET	404Not Found				text/html	Other			454&#8201;B227 B	2 ms2 ms
  48.  
[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.