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

时间:2013-03-18 05:57:03

标签: html xml dom

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

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

我是HTML和XML的新手,经过一些研究后我认为它可能与XML和DOM有关,但我不确定。你能举一些这个功能的例子或教程吗?

1 个答案:

答案 0 :(得分:3)

Jquery的AJAX和GET - Method对于这样的事情非常有用: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