在下拉列表中选择不同选项时在 HTML 中加载不同的内容答案

【问题标题】：Load different contents in HTML when selecting different options in drop-down list在下拉列表中选择不同选项时在 HTML 中加载不同的内容
【发布时间】：2013-03-06 10:02:27
【问题描述】：

我将为最初使用命令行的系统构建 Web UI。人们将使用此 Web UI 从下拉列表中选择选项并提交他们的要求。

这是我想实现的一个功能：选项存储在XML文件中，当人们在下拉列表中选择顶级选项时，网页可以自动加载相应XML文件中的内容，并显示此文件中包含的子级别选项。

我是 HTML 和 XML 的新手，经过一些研究，我认为它可能与 XML 和 DOM 有关，但我不确定。能否请您提供一些有关此功能的示例或教程？

【问题讨论】：

标签： html xml dom

【解决方案1】：

Jquery 的 AJAX 和 GET - 方法对于这样的事情非常有用：http://api.jquery.com/jQuery.ajax/

通过这些，您可以对服务器上的特定文件进行特定查询。通过参数，您可以指定要作为响应的项目。

$.get("backend.php", { item: "1" }) //Pull menu item 1 from server
.done(function(data) {

$("#menuitem").html(data); //Place Data in html menu here

});

将数据以 JSON - 格式传输到服务器是很常见的，使用 json 编码你可以用 PHP 做到这一点：

http://php.net/manual/de/function.json-encode.php

【讨论】：