Forum PHP.pl > [PHP][AJAX] select wybór treści

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][AJAX] select wybór treści

bluepk

23.10.2012, 21:37:44

Witam,

mam skrypt, który po wybraniu odpowiedniego pola select wczytuje treść rekordu z bazy danych. Załóżmy, że id rekordu składa się z daty 20121024. Wszysto jest okej jeśli jest jeden select, ale jeśli stworze ich kilka osoby do dnia, miesiąca i roku skrypt AJAX wczytujący te dane nie działa. Proszę o jakieś podpowiedzi.

nospor

24.10.2012, 07:29:10

Moja szklana kula mówi mi, że masz błąd w linii 35.

bluepk

25.10.2012, 13:55:33

Proszę wybaczyć, ale z tego wszystkiego zapomniałem o kodzie

Wklejam poniżej. Problem polega na tym, że do tej pory pobierałem dane z bazy wysyłając zmienną z jednego select - cała datę w jednym. Teraz datę chcę rozbić na dzień, miesiąc i rok w osobnych selectach.

[PHP] pobierz, plaintext 
jQuery(document).ready(function zaladuj() {
$('.pobierz').change(function(){       
$('.pobierz option:selected').each(function(){    
    id = $(this).attr('id');                
    $.ajax({
		type: 'get',                         
	    contentType: 'application/json; charset=utf-8', 
        url: 'skrypt.php?id='+id, 
	    dataType: 'json',                              
success: function(pobierz){                       
	$('.tresc').text(pobierz['0']);}
}); 
});
})
.trigger('change'); 
})
[PHP] pobierz, plaintext

Proszę o pomoc. Jestem początkujący jeśli chodzi o AJAX. Do tej pory zajmowałem się głównie php.

Arcioch

25.10.2012, 15:09:08

Z tego co zrozumiałem masz trzy selecty, w których masz dzień, miesiąc oraz rok

Teraz chcesz zmieniając jeden z nich wysłać całą date do skryptu php i odebra jakieś tam dane

Czyli robisz sobie trzy selecty o róznych id. Przy zmienia jednego z nich pobierasz wszystkie domyślnie ustawione wartości z selectów i wysyłasz je do pliku php

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
$(function(){
	$('#dzien, #miesiac, #rok').change(function(){ 
		var dzien = $('#dzien option:selected').val();
		var miesiac = $('#miesiac option:selected').val();
		var rok = $('#rok option:selected').val();
 
		var data = dzien+miesiac+rok;
 
		$('.co_wysylam').text(data);
	});
});
</script>
</head>
<body>
	<select id="dzien">
		<option value="01">01</option>
		<option value="02">02</option>
		<option value="03">03</option>
		<option value="04">05</option>
		<option value="06">06</option>
		<option value="07">07</option>
		<option value="08">08</option>
	</select>
	<select id="miesiac">
		<option value="01">01</option>
		<option value="02">02</option>
		<option value="03">03</option>
		<option value="04">05</option>
		<option value="06">06</option>
		<option value="07">07</option>
		<option value="08">08</option>
	</select>
	<select id="rok">	
		<option value="2012">2012</option>
		<option value="2011">2011</option>
		<option value="2010">2010</option>
		<option value="2009">2009</option>
		<option value="2008">2008</option>
		<option value="2007">2007</option>
	</select>
	<span class="co_wysylam"></span>
</body>
</html>
[HTML] pobierz, plaintext

Teraz zamiast id wysyłasz zmienną data

Mam nadzieję że o to chodziło

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.