更新选项选择的页面内容答案

【问题标题】：Update page content on option selection更新选项选择的页面内容
【发布时间】：2017-10-05 23:00:42
【问题描述】：

我想知道实现这一目标的最佳方法是什么。我有一个 <select> 有不同的选项。

我需要页面内容根据我选择的选项自行更新。（如果选择了带有id = "1" 的选项一，页面将更新以显示正确的信息（选择选项时从mysql数据库中检索）。

我在我的页面中使用了很多 PHP。我想不出最好的方法/语言来做到这一点。使用 PHP 似乎还不够。

【问题讨论】：

你需要使用 AJAX
好吧，它还取决于获取和显示的内容量，如果更多，那么您可以使用 ajax 调用来获取 n 根据选择显示数据，但如果它更少，那么您可以获取一口气收集所有数据，将它们排列在 div 中，并根据选择显示/隐藏 div。

标签： php html

【解决方案1】：

对于 PHP 开发人员，最好使用 javascript/JQuery

<select id="changing">
    ...
</select>

<script>
    var database_json = ["Hello!"];
    $("#changing").on("change", function(){
         $("body").html(database_json[$("#changing").val()]);
    });
</script>

类似的小提琴：http://jsfiddle.net/cnn8azqu/

更多信息：https://api.jquery.com/change/

或者如果你想要更好的东西，我会推荐 Vue.js https://vuejs.org/ 或 Angular https://angularjs.org/

【讨论】：