ajax传送select内容给php,javascript – 如何使用AJAX在select选项上执行PHP查询？

首先,您必须使用Javascript触发AJAX请求.但我会用jQuery(一个Javascript库)来指导你.

你的HTML：

All Books

之后,下载jQuery.

然后让我们做脚本：

$(document).ready(function(){ /* PREPARE THE SCRIPT */

$("#allbooks").change(function(){ /* WHEN YOU CHANGE AND SELECT FROM THE SELECT FIELD */

var allbooks = $(this).val(); /* GET THE VALUE OF THE SELECTED DATA */

var dataString = "allbooks="+allbooks; /* STORE THAT TO A DATA STRING */

$.ajax({ /* THEN THE AJAX CALL */

type: "POST", /* TYPE OF METHOD TO USE TO PASS THE DATA */

url: "get-data.php", /* PAGE WHERE WE WILL PASS THE DATA */

data: dataString, /* THE DATA WE WILL BE PASSING */

success: function(result){ /* GET THE TO BE RETURNED DATA */

$("#show").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */

}

});

});

});

然后让我们创建get-data.php,它将接收通过AJAX发送的数据.

if(!empty($_POST["allbooks"])){

/* DO YOUR QUERY HERE AND GET THE OUTPUT YOU WANT */

echo $output; /* PRINT THE OUTPUT YOU WANT, IT WILL BE RETURNED TO THE ORIGINAL PAGE */

}

您可以查看此示例 – JSfiddle.