Jquery modificare contenuto di un div da select

Lapo · 2 Mar 2012

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!

alessandro1997 · 2 Mar 2012

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 · 2 Mar 2012

Grazie per la pronta risposta ... ma purtroppo non funziona nemmeno così ....

Lapo · 2 Mar 2012

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>

Lapo · 6 Mar 2012

Nessuno che può aiutarmi?

Lapo · 6 Mar 2012

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!

Cerca

Cerca

Jquery modificare contenuto di un div da select

Lapo

Nuovo Utente

alessandro1997

Utente Attivo

Lapo

Nuovo Utente

Lapo

Nuovo Utente

Lapo

Nuovo Utente

Lapo

Nuovo Utente

Discussioni simili