Jquery 当我在选择中选择一个数据，然后从中执行选择查询时，如何调用ajax方法

当我在选择中选择数据，然后从所选数据执行选择查询时，如何调用jquery ajax方法

。。。。然后我想在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
    }); 

  }); 
});

我是ajax jquery的新手，任何帮助都将不胜感激

$(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文件将查找$u POST['value']：

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

---

它在info div中没有返回任何内容，我已经检查了语法，但它不起作用。它只是在details.phptry中将jQuery提交绑定更改为使用表单。