как вызвать метод ajax, когда я выбираю данные в выборке, а затем выполняю запрос SELECT

Question

как я могу вызвать метод jquery ajax, когда я выбираю данные в выборке, а затем выполняю запрос SELECT из выбранных данных

.... тогда я хочу показать результат запроса в #info div

Может кто-нибудь мне помочь?

HTML выглядит так

<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
    }); 

  }); 
});

Я новичок в JQuery с AJAX, любая помощь будет оценена ...

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);
}

И ваш PHP-файл будет искать $ _POST ['value']:

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