comment appeler la méthode ajax lorsque je sélectionne une donnée dans une sélection puis effectuez une requête SELECT de ce

Question

comment puis-je appeler jquery méthode ajax lorsque je sélectionne une donnée dans une sélection puis effectuez une requête SELECT à partir des données sélectionnées

.... alors je veux montrer le résultat de la requête dans le #info div

Quelqu'un peut-il m'aider?

html ressemble à ceci

<form action="details.php" method="post" > 
    <select> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
    </select> 

<input type="submit" value="Details" name="submit" id="submit" /> 
</div> 

    <div id="info"> 
    //display details or result from the query in details.php 
    </div> 


$(document).ready(function() { 

    $("#submit").submit(function(){ 

    $.ajax({ 

     //i dont know how this works 
    }); 

    }); 
}); 

débutant Im à jquery avec ajax, toute aide sera appréciée ...

Answer 1

$(document).ready(function() { 
    $("form").submit(function(){ 
    $.post('details.php', { value: $('form select option:selected').val() }, ajaxCallback); 
    // prevent actual form submission 
    return false; 
    }); 
}); 

// display returned results from ajax request in DIV 
function ajaxCallback(data) { 
    $('#info').html(data); 
} 

Et votre fichier PHP sera à la recherche $ _POST [ 'valeur ']:

if (!empty($_POST['value'])) { 
    // handle your value here 
    echo 'THIS DATA WILL BE RETURNED'; 
    die; 
}