Jquery modificare contenuto di un div da select

Lapo

Nuovo Utente
21 Feb 2012
11
0
0
Salve a tutti!

Ho un problema con Jquery.

Vorrei aggiornare un div ogni volta che viene selezionato un'opzione di un campo select.

HTML:
<select id='id_profili' class='select'>
  <option value="vuoto">- - -  </option>
  <option value="1">Amministratore  </option>
  <option value="2">Grafico  </option>
</select>

....
...

<div id='gestione'>
</div>
Ho inserito questo script:

HTML:
<script type="text/javascript">
    $('#gestione').change(function(event) {
        $.post('permessi.php?azione=gestione', { selected: $('#id_profili').val() },
            function(data) {
                $('#gestione').html(data);
            }
        );            
</script>
nel file permessi.php recupero la variabile e la stampo così:

PHP:
$selected = isset($_POST['selected']) ? $_POST['selected'] : 'nothing';
    echo("This is $selected and other info");
NON FUNZIONA!
Qualcuno sa aiutarmi?
Grazie!
 
Ultima modifica di un moderatore:

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Hai impostato l'evento sull'elemento sbagliato e mi sembra che ci sia qualche errore di sintassi. Cambia così:
Codice:
$("#id_profili").change(function() {
    $.post("permessi.php?azione=gestione", {
        selected: $("#id_profili").val()
    }, function(data) {
        $("#gestione").html(data);
    });
});
 

Lapo

Nuovo Utente
21 Feb 2012
11
0
0
Grazie per la pronta risposta ... ma purtroppo non funziona nemmeno così ....
 

Lapo

Nuovo Utente
21 Feb 2012
11
0
0
Per chiarezza ti posto tutto l'html della pagina ... così magari puoi provarlo

HTML:
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='it' lang='it'>

  <head>
	  <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
	  <title>Pannello di amministrazione</title>
	  <link href='../css/admin.css' media='screen' rel='stylesheet' type='text/css' />
	
	<link type="text/css" href="../js/jquery-ui/css/custom-theme/jquery-ui-1.8.17.custom.css" rel="Stylesheet" />	
	<script type="text/javascript" src="../js/jquery-ui/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="../js/jquery-ui/js/jquery-ui-1.8.17.custom.min.js"></script>
	
  </head>
  <body>

<script type="text/javascript">
$("#id_profili").change(function() {
    $.post("permessi.php?azione=gestione", {
        selected: $("#id_profili").val()
    }, function(data) {
        $("#gestione").html(data);
    });
});      
</script>

	<div id='contenitore'>

	<table width='450' cellpadding="" cellspacing="" border="0">
		<tr>
		    <td class='form_linea_bianca' colspan="2"></td>
		</tr>
		<tr>
		    <td class='form_testo'>Profilo:</td>
		    <td class='form_input' width='170'>
			    <select id='id_profili' class='select'>
			    	<option value="vuoto">- - -  </option>
				<option value="1" >Amministratore  </option>
				<option value="2" >Prova  </option>
			</select>
		</td>
	
		</tr>
	</table>
	</div>
	<div id='gestione'>
	</div>

	</body>
	</html>
 
Ultima modifica:

Lapo

Nuovo Utente
21 Feb 2012
11
0
0
risolto così:

<script type="text/javascript">
$(document).ready(function () {
$("#id_profili").change(function() {
$.post("chiamata_ajax.php?azione=gestione_permessi", {
selected: $("#id_profili").val()
}, function(data) {
$("#gestione").html(data);
});
});
});
</script>

Ciao a tutti!