81,092
社区成员
发帖
与我相关
我的任务
分享
$.getJSON("GetJsonByJquery.action",{index: $(this).val()},
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<title>联动的下拉菜单</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#wc").change(function(){
//getJSON(url路径,参数{},数值回调)
$.getJSON("GetJsonByJquery.action",{index: $(this).val(),index2:$("#j1").val()},function(myJSON){
var myOptions = '';
var myTests = '';
var records = myJSON.records;
for(var i=0;i<records.length;i++){
var rc = records[i];
//alert(rc.title);
myOptions += '<option value="' + records[i].title + '">' + records[i].title + '</option>';
myTests +=records[i].Author+',';
}
/*
for (var i = 0; i < myJSON.length; i++) {
myOptions += '<option value="' + myJSON[i].optionValue: + '">' + myJSON[i].optionValue: + '</option>';
}
*/
$("#gx").html(myOptions);
});
});
$("#wc").change();
})
</script>
</head>
<body>
<select name="wc" id="wc">
<option>一</option>
<option>二</option>
<option>三</option>
</select>
<select name="gx" id="gx">
</select>
</body>
</html>
<!obj是参数,xxx.action是请求获取的action-->
function getInfo(obj) {
if (obj) {
$.getJSON("xxx.action", {obj:obj}, function(json){
var selectlist= $("xxx");
selectlist.empty();
$.each(json, function (index, entry) {
child.append("("<option value=\"" + entry["id"] + \">xxxx</option>");
});
});
}
}
<select id="xxx">
</select>