如何調用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的

林新手，任何幫助將不勝感激......

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 ['值']：

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