首先,您必须使用Javascript触发AJAX请求。但是,我将通过使用jQuery(一个Javascript库)指导您。
您的HTML:
<select name="allbooks" id="allbooks"> <option value="none" ></option> <option value="allbooks" >All Books</option></select><div id="show"> <!-- ITEMS TO BE DISPLAYED HERE --></div>
之后,下载jQuery。
然后执行脚本:
<script src="jquery-1.9.1.min.js"></script> <!-- CHANGE THE JQUERY FILE DEPENDING ON THE VERSION YOU HAVE DOWNLOADED --><script type="text/javascript"> $(document).ready(function(){ $("#allbooks").change(function(){ var allbooks = $(this).val(); var dataString = "allbooks="+allbooks; $.ajax({ type: "POST", url: "get-data.php", data: dataString, success: function(result){ $("#show").html(result); } }); }); });</script>然后让我们创建
get-data.php,它将接收通过AJAX发送的数据。
if(!empty($_POST["allbooks"])){ echo $output; }您可以查看此示例JSfiddle。



