请求页面代码: 比较简单,呵呵,方便使用,结合后台也是比较灵活,如果返回json对象数据稍微改下代码就OK了 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <mce:script type="text/javascript" src="../js/jquery.js" mce_src="js/jquery.js"></mce:script> <title>Insert title here</title> <mce:script type="text/javascript"><!-- function getValue() { var id = $("#frist").val(); //alert(id); $.ajax({ type: "POST", url: "data.html", success: function(msg){ var parsed = []; var rows = msg.split("/n"); var select_root=document.getElementById('second'); for (var i=0; i < rows.length; i++) { var row = $.trim(rows[i]); if (row) { row = row.split("|"); var option=new Option(row[0],row[1],false,false); try{ select_root.options[i] = option; }catch(e){ } } } } }); } // --></mce:script> </head> <body> <form action=""> <select id="frist" οnchange="getValue()"> <option value="1">测试1</option> <option value="2">测试2</option> <option value="3">测试3</option> <option value="4">测试4</option> <option value="5">测试5</option> <option value="6">测试6</option> <option value="7">测试7</option> <option value="8">测试8</option> </select> <select id="second"> <option value="1">请选择</option> </select> </form> </body> </html> 返回值页面 data.html 1111|2222 3333|4444