如何用javascript实现动态下拉式菜单

来源：百度知道 编辑：UC知道 时间：2024/06/18 08:14:45
能不能给出一个例子，例如：通过查询数据库，返回学生名单，并在下拉式菜单中列出查询的结果，就这个简单功能就可以，谢谢！

看似简单，实际要实现楼主的要求，如果仅使用javascript的话，需要使用AJAX异步调用后台数据。

首先AJAX调用的方法请参考
http://zhidao.baidu.com/question/24633536.html

然后建立后台数据查询页面，确保页面正常运作。输出的数据可以格式化为JSON格式方便前台JS调用。这里假定你的后台页面经过查询数据库，获得学生名单并输出JSON文本为：
“[{name:'学生1',sn:'001'},{name:'学生2',sn:'002'},{name:'学生3',sn:'003'}]”

下面构建前台页面

<html>
<head>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
//重写一下上面链接里的getDATA和showDATA两个函数
function getDATA(){
var xmlhttp = getXMLR();
if (xmlhttp){
var gotourl = 'getStudents.php'; //这里假设你后台获得学生名单的页面是getStudents.php
xmlhttp.Open("POST",gotourl,false);
xmlhttp.onreadystatechange = showDATA;
xmlhttp.send();
}
}

functi