OnChange javascript lancia funzione PHP

**Sonikag** · 08-03-2018, 13:32

Partendo da una select vorrei che il valore selezionato venisse passato al php per fare una query e creare una nuova select.
Un po' come quando scegli la regione e ti viene caricata la tendina con le province.
Ho trovato esempi on line, ma non mi funzionano.
I dati li ho su un db. Avete un esempio da suggerire?

Utilizzo già questa funzione per abilitare e disabilitare degli input (#tipo è la mia select e #art la mia textbox, ma non capisco come adattarlo per far "partire" una query)

codice:

$('#tipo').change(function() {
    var v = $(this).val();
    if(v=='A'){
      $("#art").removeAttr("disabled");
    } else {
      $("#art").val(""); //serve se vuoi svuotare l'input di testo
      $("#art").attr("disabled", "disabled");
    }

**lucavizzi** · 08-03-2018, 13:38

Devi usare ajax per generare l'html che ti serve

codice:

$('#tipo').change(function(){
   var v=$(this).val();

   $.ajax({
	type: "POST",
	url: "file_che_genera_le_options_o_la_select.php",
	data: 'parametro='+v,
	cache: false,
	success: function(html){
		//la variabile "html" conterrà l'echo del file php
                $('qualcosa').html(html);
	}
   });

});

**Sonikag** · 08-03-2018, 13:54

Intanto grazie!
ma qualcosa a "monte" non mi quadra.

codice:

<html><head><script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script>
$('#artista').change(function(){
   var v=$(this).val();

   $.ajax({
    type: "POST",
    url: "select_abitativa.php",
    data: 'parametro='+v,
    cache: false,
    success: function(html){
        //la variabile "html" conterrà l'echo del file php
                $('qualcosa').html(html);
    }
   });

});
</script></head>
    <body><?php
    error_reporting(E_ALL);
     ini_set('display_errors', 1);
  
  
  include "conn/conndbmysql.php";


  if (!$result = $connessione->query("SELECT * FROM artisti ORDER BY nome")) {
  echo "Errore della query: " . $connessione->error . ".";
  exit();
}else{
	

  if($result->num_rows > 0) {
echo "<select name='artista' id='artista'><option value=''>Seleziona artista</option>";
    while($row = $result->fetch_array(MYSQLI_ASSOC))
    {
 

echo "<option value='". $row['idartista'] ."'>". $row['nome'] ."</option>";
   
    }

    $result->close();
  }
echo "</select>";
  }
 
                
   ?>  
</body></html>

la mia select viene caricata correttamente.
E nel files select_abitativa.php ho messo semplicemente un
echo "ciao";

---
Ovviamente al cambio di opzione non mi viene "scritto" ciao da nessuna parte.
Sonia

**lucavizzi** · 08-03-2018, 14:14

Nella success function di $.ajax ricevi il responso

codice:

    success: function(html){
        //la variabile "html" conterrà l'echo del file php
                $('qualcosa').html(html);
    }

E' da lì che lo potrai aggiungere al DOM

**Sonikag** · 08-03-2018, 16:03

è questo che non capisco.

codice:

$('qualcosa').html(html);

ho creato un DIV con id e name qualcosa, ma non ci viene stampato il mio echo.
il .html(html) sta ad indicare che cosa?
Grazie

**lucavizzi** · 08-03-2018, 16:15

Originariamente inviata da Sonikag

è questo che non capisco.

codice:

$('qualcosa').html(html);

ho creato un DIV con id e name qualcosa, ma non ci viene stampato il mio echo.
il .html(html) sta ad indicare che cosa?
Grazie

La variabile "html" (parametro della success function di $.ajax) contiene il responso della chiamata ajax, al parametro puoi dare un nome a piacere, io l'ho chiamato "html" ma puoi chiamarlo come preferisci, nell'esempio di seguito l'ho nominato "responso".

Il metodo html() di jQuery esegue un innerHTML, concetto abbastanza primitivo di cui dovresti essere a conoscenza.

codice:

    success: function(responso){
       $('#id_dell_elemento').html(responso);
    }

**Sonikag** · 08-03-2018, 16:23

Grazie ancora!
Qualcosa non va!

codice:

<html>
    <head>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$('#artista').change(function(){
   var v=$(this).val();

   $.ajax({
    type: "POST",
    url: "select_abitativa.php",
    data: 'parametro='+v,
    cache: false,
success: function(responso){
       $('#qualcosa').html(responso);
    }

});
</script>
</head>
    <body>
<select name='artista' id='artista'>
<option value=''>Seleziona artista</option>
<option value='39'>Nome1</option>
<option value='38'>Nome2</option>
</select>           


<div id='qualcosa' name='qualcosa'></div>
    </body>
</html>

e il mio file php contiene semplicemente

codice:

<?php
echo "ciao";
?>

Ho cercato di semplificare il codice al massimo! Che sia un problema della mia libreria jquery-3.2.1.js?
Poi nella mia pagina php recupero il parametro con un $_POST["data"]?
Ri-grazie

**lucavizzi** · 08-03-2018, 16:26

Il parametro lo invii tramite

codice:

data: 'parametro='+v,

Quindi per recuperarlo, dovrai fare un $_POST['parametro']

**Sonikag** · 08-03-2018, 16:38

Continua a non funzionare!
Ho fatto questa modifica inserendo un alert giusto per capire se li ci va!

codice:

$('#artista').change(function(){
   var v=$(this).val();
 alert("Hello!");
   $.ajax({
    type: "POST",
    url: "select_abitativa.php",
    data: 'parametro='+v,
    cache: false,
success: function(responso){
       $('#qualcosa').html(responso);
    }

});

al change della mia select però non arriva l'alert!
ho confrontato con la funzione che uso nell'altra pagina che è all'interno di un

codice:

 $(document).ready(function(){ 
---
}

ho fatto anche quella prova ma non va nè l'alert nè nel mio div appare qualcosa.

**paloppa** · 08-03-2018, 16:48

Errore mio

Discussione: OnChange javascript lancia funzione PHP

Strumenti discussione

Ricerca discussione

Visualizza

OnChange javascript lancia funzione PHP

Tag per questa discussione

Permessi di invio