我有一个通过查询数据库填充的HTML下拉列表。当用户选择一个选项时，应用程序应显示与该选项相关的信息，而无需提交！！也就是说，如果我选择option A，则应用程序将自动向数据库查询该信息并显示它。
查询和显示数据的部分不是问题，因为它类似于我为填充列表所做的操作，但是我不知道如何动态地执行此操作。我知道如何使用Submit来做到这一点，但是我不允许这样做以获得更好的用户体验。
例如，假设有一个酒店预订应用程序。有两个元素，一个带日期的下拉列表，以及一个显示该确定日期的预订数量的消息。因此，在访问该应用程序时，它可能会显示：
Date: 2015/11/26 Bookings: 7
但是现在，如果用户更改日期，它应该显示该新日期的预订数量：
Date: 2015/11/27 Booking: 18
您正在寻找AJAX呼叫。
使用jQuery的示例：
$("#id-of-your-select").change(function(){
var val = $(this).val();
$.post("php-page.php", { selectValue : val }, function(response){
console.log(response); //handle the data pinged back by the PHP page in the variable 'response'
});
});
在PHP文件php-page.php，收到数据$_POST["selectValue"]，和任何你输出（通过echo，print，print_r，var_dump，exit()等等）将由在变量“响应” JavaScript的/ jQuery函数被接收。
参考：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句