Aggiornamento contenuto di un div dopo la creazione di una select dinamica

Shinnuz

Nuovo Utente
3 Feb 2010
1
0
0
Sto cercando di creare una pagina dove alla selezione di una prima select ne compare una seconda (i cui valori, letti da un database, dipendono dalla scelta precedente) e alla scelta della seconda vengono mostrati i risultati in un div.

Allego delle immagini per farvi capire...

Inizio:


Alla scelta della prima select:


Alla scelta della seconda select:


Questo è il codice:

index.php
PHP:
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 
	$('#sel_continenti').change(function(){
		var cont = $('#sel_continenti').attr('value');
		
		$.post("selection.php", {id_cont:cont}, function(data){
			$("#sel_nazioni").empty();
			//$("div#result").empty();
			$("div#nazioni").empty();
			$("div#result").append("prova2<br />");
			//$("div#result").append(document.createTextNode("prova"));
			$("#sel_nazioni").prepend(data);
			$("div#nazioni").prepend(data);
		});
	});
	 
	$('#sel_nazioni').change(function(){
		var id_naz = $('#sel_nazioni').attr('value');
	 
		$.post("result.php", {id:id_naz}, function(data){
			$("div#result").empty();
			$("div#result").append("prova3<br />");
			//$("div#result").prepend(data);
		});
	});
});
</script>
</head>
 
 
<body>
<div id="continenti">
<?php
include_once 'option.class.php';
$obj = new Option();
$obj->ShowContinenti();
?>
</div>
 
<div id="nazioni">
<!--Seleziona una nazione:<br>
<select id="sel_nazioni" name="sel_nazioni"><option value="no">Scegli...</option>
</select>-->
</div>
 
<div id="result">
prova1<br />
</div>
 
 
</body>
 
</html>

File option.class.php
PHP:
<?php
class Option
{
	public $conn;
 
		public function __construct()
		{
			$this->DbConnectAndSelect();
		}
 
		protected function DbConnectAndSelect()
		{
			//include_once "db_config.php";
			//$this->conn = mysql_connect($db_host,$username,$password);
			$this->conn = pg_connect("host=**** port=**** user=**** password=**** dbname=****");
			//mysql_select_db($db_name, $this->conn);
			return TRUE;
		}
 
		public function ShowContinenti()
		{
			echo 'Seleziona un continente:<br>';
			echo '<select id="sel_continenti" name="sel_continenti"><option value="no">Scegli...</option>';
 
			$sql = "SELECT * FROM continenti";
			//$res = mysql_query($sql,$this->conn);
			$res = pg_query($this->conn,$sql);
 
				while($row = pg_fetch_row($res))
				{
					echo '<option value="' . $row[0] . '">' . $row[1] . '</option>';
				}
 
			echo '</select>';
		}
 
		/*public function ShowNazioni()
		{
			if($_POST['id_cont'] == "no")
			{
				die;
			}
 			//echo 'Seleziona una nazione:<br>';
			//echo '<select id="sel_nazioni" name="sel_nazioni">';
 			$id_cont = $_POST['id_cont'];
			$sql = "SELECT * FROM nazioni WHERE id_cont=$id_cont";
			$res = pg_query($this->conn,$sql);
				//echo'<option value="no">Scegli...</option>';
				while($row = pg_fetch_row($res))
				{
					echo '<option value="' . $row[0] . '">' . $row[2] . '</option>';
				}
 			//echo '</select>';
 
		}*/
		
		public function ShowNazioni()
		{
			if($_POST['id_cont'] == "no")
			{
				die;
			}
 			echo 'Seleziona una nazione:<br>';
			echo '<select id="sel_nazioni" name="sel_nazioni">';
 			$id_cont = $_POST['id_cont'];
			$sql = "SELECT * FROM nazioni WHERE id_cont=$id_cont";
			$res = pg_query($this->conn,$sql);
			echo'<option value="no">Scegli...</option>';
			while($row = pg_fetch_row($res)) {
				echo '<option value="' . $row[0] . '">' . $row[2] . '</option>';
			}
			echo '</select>';
		}
 
		public function ShowResult()
		{
			echo "dentro shoresult()";
			if($_POST['id'] == "no")
			{
				echo "post id=no";
				die;
			}
			echo '<br><br>Hai scelto la nazione: ';
			$id = $_POST['id'];
			$sql = "SELECT * FROM nazioni WHERE id=$id";
			$res = pg_query($this->conn,$sql);
			$row = pg_fetch_row($res);
 
			echo 'id: '.$row[0].' id_cont: '.$row[1].' nazione: '.$row[2];
		}
}
 
?>

File selection.php
PHP:
<?php
include_once 'option.class.php';
$obj = new Option();
$obj->ShowNazioni();
?>

File result.php

PHP:
<?php
include_once 'option.class.php';
$obj = new Option();
$obj->ShowResult();
?>

Premetto che il database funziona (visto che le due select vanno), inoltre se guardate nel codice di index ho messo per semplificare che al cambiamento della seconda select nel div#result appaia scritto "prova3"... ma questo non succede! come mai?? dove sbaglio?
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Tabella con bottoni per aggiornamento record PHP 6
Cosina script data aggiornamento pagina Javascript 1
L non duplicare dati in stato "aggiornamento" PHP 6
S Aggiornamento lista record Database 2
C Aggiornamento automatico da un sito ad un’altro WordPress 0
R aggiornamento valore db in base all'orario PHP 1
strambotto Query di aggiornamento MS Access 0
S [PHP] aggiornamento table tramite select senza ricaricare la pagina PHP 5
A [WordPress] Aggiornamento tema - non apre più il sito WordPress 0
L [Javascript] Drag and drop. Aggiornamento Campo Javascript 2
Max 1 Aggiornamento Windows Windows e Software 1
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
Y [PHP] Aggiornamento sito PHP 8
N Cerco sviluppatore ASP per aggiornamento sito e-commerce esistente Offerte e Richieste di Lavoro e/o Collaborazione 0
momeraths [WordPress] cURL error: problema aggiornamento/installazione plugin WordPress 4
D [WordPress] Aggiornamento a php 5.6 causa blackout del sito WordPress 2
alessandroz Select ... where... AND... aggiornamento PHP non funziona PHP 9
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M alert dopo aggiornamento automatico pagina php PHP 4
crealatualista [PHP] Aggiornamento data e ora PHP 2
V [PHP] aggiornamento automatico immagini sito web PHP 3
booklisa Errori wordpress personalizzazione tema post aggiornamento 4.7 Content Management System (CMS) 0
Eugene [PrestaShop v.1.6.1.11] Problemi post aggiornamento Content Management System (CMS) 1
P [PHP] Loop WHILE aggiornamento campi e tabelle. PHP 2
fabryx Aggiornamento automatico periodico dati mySQL PHP 6
M Aggiornamento pagina php con ajax Ajax 2
Monital [Javascript]Barra di aggiornamento in pop pup Javascript 1
S [Javascript] Ultimo aggiornamento Javascript 6
D Creazione, riprogettazione e aggiornamento di siti web Offerte e Richieste di Lavoro e/o Collaborazione 0
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
P Aggiornamento vecchio sito Webdesign e Grafica 2
PikNuke Query senza aggiornamento pagina Ajax 1
gandalf1959 Aggiornamento di una variabile da un form PHP 7
F Aggiornamento variabili php PHP 1
P Problema tasferimento magento su altro server > mostra pagina "negozio in aggiornamento" Magento 0
T Problema con l'aggiornamento di una tabella <Table> PHP 5
C Aggiornamento automatico tabella db sql PHP 1
I aggiornamento pagina PHP 4
A Aggiornamento Hardware Hardware 1
P Creazione maschera con aggiornamento automatico MS Access 0
S aggiornamento div con passaggio parametri da href Ajax 8
R [CERCO] Redattori per turni di aggiornamento. Giornale di Napoli Offerte e Richieste di Lavoro e/o Collaborazione 0
T Utilizzo Handler per aggiornamento Seek Bar Sviluppo app per Android 4
S aggiornamento url Javascript 10
R query di aggiornamento tabella PHP 2
D Problemi con form aggiornamento dati PHP 4
S Aggiornamento sito web HTML e CSS 16
A Tema RapidNews... aggiornamento. WordPress 0
R Aggiornamento Plugin Wordpress WordPress 2
M Problema con aggiornamento variabili da web server con javascript Javascript 1

Discussioni simili