jquery二级联动怎么从jquery grid里获取值并默认选择
时间：2009-09-25
来源：互联网
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
//设置缓存为空
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>东博软件教师反馈系统</title>
<link rel="stylesheet" type="text/css"
href="<%=path%>/css/flexigrid/flexigrid.css">
<script type="text/javascript" src="<%=path%>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/flexigrid.js"></script>
<link type="text/css" rel="stylesheet" href="<%=path%>/css/custom.css" />
<link type="text/css" rel="stylesheet" href="<%=path%>/css/dot-luv/jquery-ui.css" />
<script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.doubleSelect.js"></script>
<script type="text/javascript" src="<%=path%>/js/city.js"></script>
<script type="text/javascript" src="<%=path%>/js/city1.js"></script>
<style>
.flexigrid div.fbutton .add
{
background: url(<%=path%>/images/add.png) no-repeat center left;
}
.flexigrid div.fbutton .delete
{
background: url(<%=path%>/images/close.png) no-repeat center left;
}
.css {
font-family: "宋体";
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
body {
margin-left: 3px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
}
.STYLE1 {
color: #e1e2e3;
font-size: 12px;
}
</style>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
<td width="94%" valign="bottom"><span class="STYLE1"> 东博软件教师反馈系统</span></td>
</tr>
</table></td>
<td><div align="right"><span class="STYLE1">
http://www.eriching.com东博软件欢迎您! </span></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table id="flex1" width="100%"></table>
<input id="hidden" type="hidden" name="hidden" value="null" />
<div id="yao" style="display:none;" title="教师添加界面">
<form action="addteacher.do" method="post" id="form">
<label>姓 名：
<input type="text" name="teachername" id="user" class="css"/>
</label>
<label>电 话：
<input type="text" name="phone" id="pwd" class="css"/>
</label>
<br />
<label>年 龄：
<input type="text" name="age" id="age" class="css"/>
</label>
<label>性 别：
<input type="text" name="sex" id="sex" class="css"/>
</label>
<br />
<label>住址市：
<select id="first" name="addressp" style="width: 157px">
<option value="">--</option>
</select>
</label>
<label>住址县：
<select id="second" name="addressc" style="width: 157px">
<option value="">--</option>
</select>
</label>
</form>
</div>
<div id="dialog_div" style="display:none;" title="教师添加界面">
<form action="updateteacher.do" method="post" name="form1">
<input type="hidden" name="addressp1"/>
<input type="hidden" name="addressc1"/>
<label>姓 名：
<input type="text" name="teachername" class="css"/>
</label>
<label>电 话：
<input type="text" name="phone" class="css"/>
</label>
<br />
<label>年 龄：
<input type="text" name="age" class="css"/>
</label>
<label>性 别：
<input type="text" name="sex" class="css"/>
</label>
<br />
<label>住址市：
<select id="third" name="addressp" style="width: 157px">
<option value="">--</option>
</select>
</label>
<label>住址县：
<select id="fourse" name="addressc" style="width: 157px">
<option value="">--</option>
</select>
</label>
</form>
</div>
<script>
$(document).ready(function() {
$("#flex1").flexigrid( {
url : '<%=path%>/userr/getUsers',
dataType : 'json',
colModel : [ {
display : 'ID',
name : 'id',
width : 40,
align : 'center'
}, {
display : '名称',
name : 'teachername',
width : 50,
align : 'left'
},{
display : '密码',
name : 'password',
width : 150,
align : 'left',
hide : true
}, {
display : '年龄',
name : 'age',
width : 50,
align : 'right'
}, {
display : '性别',
name : 'sex',
width : 50,
align : 'right'
}, {
display : '地址ַ',
name : 'addressp',
width : 150,
align : 'left'
}, {
display : '地址ַ',
name : 'addressc',
width : 150,
align : 'left'
}, {
display : '电话',
name : 'phone',
width : 150,
align : 'left'
} ],
buttons : [
{name: '添加', bclass: 'add',onpress : test},
{name: '删除', bclass: 'delete',onpress : test},
{name: '修改', bclass: 'add', onpress : test},
{separator: true}
],
usepager : true,
title : '用户资料',
useRp : true,
rp : 10,
showTableToggleBtn : true
});
function test(com,grid)
{
if (com=='删除')
{
${"hidden"}.value="delete";
if($('.trSelected',grid).length==0){
alert("请选择要删除的数据");
}else{
if(confirm('是否删除这 ' + $('.trSelected',grid).length + ' 条记录吗?'))
{
var id = "";
for(var i=0;i<$('.trSelected',grid).length;i++){
id = id+$('.trSelected',grid).find("td:first").eq(i).text()+";" ;
}
window.location.href="deleteteacher.do?ids="+id;
}
}
}
else if (com=='添加')
{
$("#yao").dialog({modal:true,width: 500,height:300,buttons:{
'提交':function(){
$(this).children('form')[0].submit();
},
'取消':function(){
$(this).dialog("close");
},
'重置':function(){
$(this).children('form')[0].reset();
}
} }).dialog("open");
$("#flex1").flexigrid( {
overlay: {
opacity: 0.5,
background: "#000000"
}});
}
else if (com=='修改')
{
if($(".trSelected").length>1){
alert("请选择一个修改,不能同时修改多个");
}else if($(".trSelected").length==0){
alert("请选择一个您要修改的信息")
}else{
var data=new Array();
$('.trSelected td',grid).each(function(i){
data=$(this).children('div').text();
});
var form=$('#dialog_div').children('form'); //调用下一级别from
form.children('label').children('input[name=teachername]').val(data[1]); //调用下一级别label标签再调用下一级标签input然后把值放进去
form.children('label').children('input[name=age]').val(data[3]);
form.children('label').children('input[name=sex]').val(data[4]);
form.children('label').children('input[name=phone]').val(data[7]);
form.children('input[name=addressp1]').val(data[5]);
form.children('input[name=addressc1]').val(data[6]);
$('#dialog_div').dialog({modal:true,width: 500,height:300,buttons:{
'提交':function(){
$(this).children('form')[0].submit();
},
'取消':function(){
$(this).dialog("close");
},
'重置':function(){
$(this).children('form')[0].reset();
}
} }).dialog("open");
$("#flex1").flexigrid( {
overlay: {
opacity: 0.5,
background: "#000000"
}});
}
}
}
});
</script>
</body>
</html>
----------------------------------------------------------------------------------------js-------------------------------------------------------------------------------------------------
$(function(){
// 設定連動選單的參數
// 預設先選擇"水果"中的"榴槤"
// 允許空值選項, 顯示的內容為 "...", 值為 ""
var options = {
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,
emptyOption: true,
emptyValue: "...",
emptyKey: ""
};
// 設定連動選單的選項資料
var selectOptions = {
"北京":{
"key":"北京",
"values":{"北京市":"北京市","燕郊":"燕郊"}
},
"广东省":{
"key":"广东省",
"values":{'广州':'广州','深圳':'深圳','珠海':'珠海','湛江':'湛江','佛山':'佛山','汕头':'汕头','中山':'中山','韶关':'韶关','英德':'英德','梅州':'梅州','惠州':'惠州','河源':'河源','潮州':'潮州','东莞':'东莞','茂名':'茂名','肇庆':'肇庆','江门':'江门','汕尾':'汕尾','阳江':'阳江','清远':'清远','揭阳':'揭阳','云浮':'云浮','潮阳':'潮阳','顺德':'顺德'}
},
"上海市":{
"key":"上海市",
"values":{'上海市':'上海市'}
},
"香港行政区":{
"key":"香港行政区",
"values":{'香港':'香港'}
},
"澳门行政区":{
"key":"澳门行政区",
"values":{'澳门':'澳门'}
},
"台湾省":{
"key":"台湾省",
"values":{'台北市':'台北市','高雄市':'高雄市','嘉义':'嘉义','台南县':'台南县','台中县':'台中县','桃园市':'桃园市','新化县':'新化县','新竹':'新竹','漳化县':'漳化县'}
},
"天津市":{
"key":"天津市",
"values":{'天津市':'天津市','静海':'静海','武清':'武清'}
},
"河北省":{
"key":"河北省",
"values":{'石家庄':'石家庄','唐山':'唐山','保定':'保定','秦皇岛':'秦皇岛','衡水':'衡水','邢台':'邢台','邯郸':'邯郸','沧州':'沧州','丰润':'丰润','承德':'承德','新城':'新城','张家口':'张家口','廊坊':'廊坊'}
},
"山西省":{
"key":"山西省",
"values":{'太原':'太原','大同':'大同','长治':'长治','阳泉':'阳泉','离石':'离石','析州地区':'析州地区','宁武':'宁武','临汾地区':'临汾地区','候马':'候马','运城地区':'运城地区','晋城':'晋城','榆次':'榆次','朔州':'朔州'}
},
"内蒙古自区":{
"key":"内蒙古自区",
"values":{'呼和浩特':'呼和浩特','包头':'包头','赤峰':'赤峰','乌海':'乌海','临河':'临河','通辽':'通辽','集宁':'集宁','锡林浩特':'锡林浩特','海拉尔':'海拉尔','东胜':'东胜','乌兰浩特':'乌兰浩特','阿拉善盟':'阿拉善盟'}
},
"辽宁省":{
"key":"辽宁省",
"values":{'沈阳':'沈阳','大连':'大连','鞍山':'鞍山','抚顺':'抚顺','丹东':'丹东','辽阳':'辽阳','营口':'营口','本溪':'本溪','锦州':'锦州','朝阳':'朝阳','盘锦':'盘锦','阜新':'阜新','铁岭':'铁岭','葫芦岛':'葫芦岛'}
},
"吉林省":{
"key":"吉林省",
"values":{'长春':'长春','吉林':'吉林','四平':'四平','辽源':'辽源','通化':'通化','白城':'白城','白山':'白山','松原':'松原','梅河口':'梅河口','珲春':'珲春','延吉':'延吉'}
},
"黑龙江省":{
"key":"黑龙江省",
"values":{'哈尔滨':'哈尔滨','齐齐哈尔':'齐齐哈尔','大庆':'大庆','牡丹江':'牡丹江','鸡西':'鸡西','伊春':'伊春','佳木斯':'佳木斯','北安':'北安','大兴安岭':'大兴安岭','鹤岗':'鹤岗','双鸭山':'双鸭山','七台河':'七台河','绥化':'绥化','黑河':'黑河'}
},
"江苏省":{
"key":"江苏省",
"values":{'南京':'南京','苏州':'苏州','无锡':'无锡','扬州':'扬州','连云港':'连云港','镇江':'镇江','常州':'常州','徐州':'徐州','淮阴':'淮阴','南通':'南通','盐城':'盐城','泰州':'泰州','常熟':'常熟','沭阳':'沭阳'}
},
"浙江省":{
"key":"浙江省",
"values":{'杭州':'杭州','宁波':'宁波','温州':'温州','嘉兴':'嘉兴','绍兴':'绍兴','湖州':'湖州','定海':'定海','临海':'临海','金华':'金华','义乌':'义乌','丽水':'丽水','衢州':'衢州','瓯海':'瓯海','舟山':'舟山','台州':'台州'}
},
"安徽省":{
"key":"安徽省",
"values":{'合肥':'合肥','淮南':'淮南','芜湖':'芜湖','蚌埠':'蚌埠','淮化':'淮化','阜阳':'阜阳','六安':'六安','巢湖':'巢湖','滁州':'滁州','宣城':'宣城','屯溪':'屯溪','安庆':'安庆','淮北':'淮北','铜陵':'铜陵','马鞍山':'马鞍山','黄山':'黄山','宿州':'宿州','贵池地区':'贵池地区'}
},
"福建省":{
"key":"福建省",
"values":{'福州':'福州','厦门':'厦门','泉州':'泉州','漳州':'漳州','南平':'南平','邵武':'邵武','福安':'福安','龙岩':'龙岩','三明':'三明','永安':'永安','莆田':'莆田','宁德地区':'宁德地区'}
},
"江西省":{
"key":"江西省",
"values":{'南昌':'南昌','九江':'九江','赣州':'赣州','鹰潭':'鹰潭','上饶':'上饶','景德镇':'景德镇','井冈山':'井冈山','萍乡':'萍乡','新余':'新余','宜春地区':'宜春地区','抚州地区':'抚州地区','吉安地区':'吉安地区'}
},
"山东省":{
"key":"山东省",
"values":{'济南':'济南','青岛':'青岛','烟台':'烟台','淄博':'淄博','德州':'德州','东营':'东营','潍坊':'潍坊','泰安':'泰安','兖州':'兖州','菏泽':'菏泽','地区':'地区','临沂':'临沂','薛城':'薛城','枣庄':'枣庄','威海':'威海','济宁':'济宁','日照':'日照','莱芜':'莱芜','滨州地区':'滨州地区','聊城':'聊城'}
},
"河南省":{
"key":"河南省",
"values":{'郑州':'郑州','洛阳':'洛阳','开封':'开封','平顶山':'平顶山','安阳':'安阳','许昌':'许昌','信阳':'信阳','周口地区':'周口地区','商丘':'商丘','焦作':'焦作','鹤壁':'鹤壁','新乡':'新乡','濮阳':'濮阳','漯河':'漯河','三门峡':'三门峡','潢川':'潢川','驻马店':'驻马店','南阳':'南阳'}
},
"湖北省":{
"key":"湖北省",
"values":{'武汉':'武汉','宜昌':'宜昌','襄樊':'襄樊','黄石':'黄石','荆州':'荆州','仙桃':'仙桃','咸宁':'咸宁','襄阳':'襄阳','恩施':'恩施','十堰':'十堰','潜江':'潜江','荆门':'荆门','鄂州':'鄂州','随州':'随州','孝感':'孝感','黄岗':'黄岗'}
},
"湖南省":{
"key":"湖南省",
"values":{'长沙':'长沙','衡阳':'衡阳','株洲':'株洲','湘潭':'湘潭','益阳':'益阳','邵阳':'邵阳','吉首':'吉首','娄底':'娄底','怀化':'怀化','郴州':'郴州','永州':'永州','岳阳':'岳阳','常德':'常德','张家界':'张家界'}
},
"广西自区":{
"key":"广西自区",
"values":{'南宁':'南宁','柳州':'柳州','桂林':'桂林','北海':'北海','梧州':'梧州','百色':'百色','钦州':'钦州','玉林':'玉林','防城港':'防城港','河池':'河池'}
},
"海南省":{
"key":"海南省",
"values":{'海口':'海口','三亚':'三亚','通什':'通什','儋县':'儋县'}
},
"重庆市":{
"key":"重庆市",
"values":{'重庆市':'重庆市','长寿':'长寿','达洲':'达洲','合川':'合川','江津':'江津','乐山':'乐山','黔江':'黔江','荣昌':'荣昌','中江':'中江','忠县':'忠县'}
},
"四川省":{
"key":"四川省",
"values":{'成都':'成都','自贡':'自贡','宜宾':'宜宾','内江':'内江','乐山':'乐山','西昌':'西昌','攀枝花':'攀枝花','德阳':'德阳','绵阳':'绵阳','汶川':'汶川','马尔康':'马尔康','雅安地区':'雅安地区','康定':'康定','达安地区':'达安地区','南充':'南充','泸州':'泸州','涪陵':'涪陵','广元':'广元','遂宁':'遂宁','广安':'广安','巴中地区':'巴中地区'}
},
"贵州省":{
"key":"贵州省",
"values":{'贵阳':'贵阳','遵义':'遵义','六盘水':'六盘水','安顺':'安顺','玉屏':'玉屏','凯里':'凯里','都匀':'都匀','铜仁':'铜仁','毕节':'毕节','兴义':'兴义'}
},
"云南省":{
"key":"云南省",
"values":{'昆明':'昆明','东川':'东川','个旧':'个旧','大理':'大理','昭通地区':'昭通地区','开远':'开远','文山自治州':'文山自治州','思茅地区':'思茅地区','楚雄自治州':'楚雄自治州','临沧地区':'临沧地区','保山地区':'保山地区','曲靖':'曲靖','玉溪':'玉溪','丽江地区':'丽江地区','景洪':'景洪','潞西':'潞西','六库':'六库','中甸':'中甸'}
},
"西藏自区":{
"key":"西藏自区",
"values":{'拉萨':'拉萨','日喀则':'日喀则','那曲地区':'那曲地区','昌都地区':'昌都地区','阿里地区':'阿里地区','山南地区':'山南地区','林芝地区':'林芝地区'}
},
"陕西省":{
"key":"陕西省",
"values":{'西安':'西安','咸阳':'咸阳','宝鸡':'宝鸡','延安':'延安','渭南':'渭南','绥德':'绥德','榆林地区':'榆林地区','汉中':'汉中','安康地区':'安康地区','商州地区':'商州地区','铜川':'铜川'}
},
"甘肃省":{
"key":"甘肃省",
"values":{'兰州':'兰州','天水':'天水','白银':'白银','金昌':'金昌','敦煌':'敦煌','张掖地区':'张掖地区','酒泉':'酒泉','平凉地区':'平凉地区','西峰':'西峰','甘南州':'甘南州','定西地区':'定西地区','武都':'武都','临夏自治州':'临夏自治州'}
},
"青海省":{
"key":"青海省",
"values":{'西宁':'西宁','格尔木':'格尔木','德令哈':'德令哈','共和':'共和','玉树自治州':'玉树自治州','海东地区':'海东地区','同仁':'同仁','玛沁':'玛沁','海晏':'海晏'}
},
"宁夏自区":{
"key":"宁夏自区",
"values":{'银川':'银川','石嘴山':'石嘴山','吴忠':'吴忠','固源地区':'固源地区'}
},
"新疆自区":{
"key":"新疆自区",
"values":{'乌鲁木齐':'乌鲁木齐','克拉玛依':'克拉玛依','石河子':'石河子','伊宁':'伊宁','喀什':'喀什','东山':'东山','吐鲁番':'吐鲁番','哈密':'哈密','库尔勒':'库尔勒','库车':'库车','阿克苏':'阿克苏','和田':'和田','阿图什':'阿图什','昌吉自治州':'昌吉自治州','博乐':'博乐','奎屯':'奎屯','塔城地区':'塔城地区','阿勒泰地区':'阿勒泰地区'}
}
};
// 產生連動選單的功能
$('#third').doubleSelect('fourse', selectOptions, options);
});
现在的问题是 每次界面都先加载 js当我进行修改操作时，js不会被再次调用因此
var options = {
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,
emptyOption: true,
emptyValue: "...",
emptyKey: ""
};
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,此处
document.getElementById("addressc1").value没有效用
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
//设置缓存为空
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>东博软件教师反馈系统</title>
<link rel="stylesheet" type="text/css"
href="<%=path%>/css/flexigrid/flexigrid.css">
<script type="text/javascript" src="<%=path%>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/flexigrid.js"></script>
<link type="text/css" rel="stylesheet" href="<%=path%>/css/custom.css" />
<link type="text/css" rel="stylesheet" href="<%=path%>/css/dot-luv/jquery-ui.css" />
<script type="text/javascript" src="<%=path%>/js/jquery-ui.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.doubleSelect.js"></script>
<script type="text/javascript" src="<%=path%>/js/city.js"></script>
<script type="text/javascript" src="<%=path%>/js/city1.js"></script>
<style>
.flexigrid div.fbutton .add
{
background: url(<%=path%>/images/add.png) no-repeat center left;
}
.flexigrid div.fbutton .delete
{
background: url(<%=path%>/images/close.png) no-repeat center left;
}
.css {
font-family: "宋体";
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
body {
margin-left: 3px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
}
.STYLE1 {
color: #e1e2e3;
font-size: 12px;
}
</style>
</head>
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
<td width="94%" valign="bottom"><span class="STYLE1"> 东博软件教师反馈系统</span></td>
</tr>
</table></td>
<td><div align="right"><span class="STYLE1">
http://www.eriching.com东博软件欢迎您! </span></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table id="flex1" width="100%"></table>
<input id="hidden" type="hidden" name="hidden" value="null" />
<div id="yao" style="display:none;" title="教师添加界面">
<form action="addteacher.do" method="post" id="form">
<label>姓 名：
<input type="text" name="teachername" id="user" class="css"/>
</label>
<label>电 话：
<input type="text" name="phone" id="pwd" class="css"/>
</label>
<br />
<label>年 龄：
<input type="text" name="age" id="age" class="css"/>
</label>
<label>性 别：
<input type="text" name="sex" id="sex" class="css"/>
</label>
<br />
<label>住址市：
<select id="first" name="addressp" style="width: 157px">
<option value="">--</option>
</select>
</label>
<label>住址县：
<select id="second" name="addressc" style="width: 157px">
<option value="">--</option>
</select>
</label>
</form>
</div>
<div id="dialog_div" style="display:none;" title="教师添加界面">
<form action="updateteacher.do" method="post" name="form1">
<input type="hidden" name="addressp1"/>
<input type="hidden" name="addressc1"/>
<label>姓 名：
<input type="text" name="teachername" class="css"/>
</label>
<label>电 话：
<input type="text" name="phone" class="css"/>
</label>
<br />
<label>年 龄：
<input type="text" name="age" class="css"/>
</label>
<label>性 别：
<input type="text" name="sex" class="css"/>
</label>
<br />
<label>住址市：
<select id="third" name="addressp" style="width: 157px">
<option value="">--</option>
</select>
</label>
<label>住址县：
<select id="fourse" name="addressc" style="width: 157px">
<option value="">--</option>
</select>
</label>
</form>
</div>
<script>
$(document).ready(function() {
$("#flex1").flexigrid( {
url : '<%=path%>/userr/getUsers',
dataType : 'json',
colModel : [ {
display : 'ID',
name : 'id',
width : 40,
align : 'center'
}, {
display : '名称',
name : 'teachername',
width : 50,
align : 'left'
},{
display : '密码',
name : 'password',
width : 150,
align : 'left',
hide : true
}, {
display : '年龄',
name : 'age',
width : 50,
align : 'right'
}, {
display : '性别',
name : 'sex',
width : 50,
align : 'right'
}, {
display : '地址ַ',
name : 'addressp',
width : 150,
align : 'left'
}, {
display : '地址ַ',
name : 'addressc',
width : 150,
align : 'left'
}, {
display : '电话',
name : 'phone',
width : 150,
align : 'left'
} ],
buttons : [
{name: '添加', bclass: 'add',onpress : test},
{name: '删除', bclass: 'delete',onpress : test},
{name: '修改', bclass: 'add', onpress : test},
{separator: true}
],
usepager : true,
title : '用户资料',
useRp : true,
rp : 10,
showTableToggleBtn : true
});
function test(com,grid)
{
if (com=='删除')
{
${"hidden"}.value="delete";
if($('.trSelected',grid).length==0){
alert("请选择要删除的数据");
}else{
if(confirm('是否删除这 ' + $('.trSelected',grid).length + ' 条记录吗?'))
{
var id = "";
for(var i=0;i<$('.trSelected',grid).length;i++){
id = id+$('.trSelected',grid).find("td:first").eq(i).text()+";" ;
}
window.location.href="deleteteacher.do?ids="+id;
}
}
}
else if (com=='添加')
{
$("#yao").dialog({modal:true,width: 500,height:300,buttons:{
'提交':function(){
$(this).children('form')[0].submit();
},
'取消':function(){
$(this).dialog("close");
},
'重置':function(){
$(this).children('form')[0].reset();
}
} }).dialog("open");
$("#flex1").flexigrid( {
overlay: {
opacity: 0.5,
background: "#000000"
}});
}
else if (com=='修改')
{
if($(".trSelected").length>1){
alert("请选择一个修改,不能同时修改多个");
}else if($(".trSelected").length==0){
alert("请选择一个您要修改的信息")
}else{
var data=new Array();
$('.trSelected td',grid).each(function(i){
data=$(this).children('div').text();
});
var form=$('#dialog_div').children('form'); //调用下一级别from
form.children('label').children('input[name=teachername]').val(data[1]); //调用下一级别label标签再调用下一级标签input然后把值放进去
form.children('label').children('input[name=age]').val(data[3]);
form.children('label').children('input[name=sex]').val(data[4]);
form.children('label').children('input[name=phone]').val(data[7]);
form.children('input[name=addressp1]').val(data[5]);
form.children('input[name=addressc1]').val(data[6]);
$('#dialog_div').dialog({modal:true,width: 500,height:300,buttons:{
'提交':function(){
$(this).children('form')[0].submit();
},
'取消':function(){
$(this).dialog("close");
},
'重置':function(){
$(this).children('form')[0].reset();
}
} }).dialog("open");
$("#flex1").flexigrid( {
overlay: {
opacity: 0.5,
background: "#000000"
}});
}
}
}
});
</script>
</body>
</html>
----------------------------------------------------------------------------------------js-------------------------------------------------------------------------------------------------
$(function(){
// 設定連動選單的參數
// 預設先選擇"水果"中的"榴槤"
// 允許空值選項, 顯示的內容為 "...", 值為 ""
var options = {
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,
emptyOption: true,
emptyValue: "...",
emptyKey: ""
};
// 設定連動選單的選項資料
var selectOptions = {
"北京":{
"key":"北京",
"values":{"北京市":"北京市","燕郊":"燕郊"}
},
"广东省":{
"key":"广东省",
"values":{'广州':'广州','深圳':'深圳','珠海':'珠海','湛江':'湛江','佛山':'佛山','汕头':'汕头','中山':'中山','韶关':'韶关','英德':'英德','梅州':'梅州','惠州':'惠州','河源':'河源','潮州':'潮州','东莞':'东莞','茂名':'茂名','肇庆':'肇庆','江门':'江门','汕尾':'汕尾','阳江':'阳江','清远':'清远','揭阳':'揭阳','云浮':'云浮','潮阳':'潮阳','顺德':'顺德'}
},
"上海市":{
"key":"上海市",
"values":{'上海市':'上海市'}
},
"香港行政区":{
"key":"香港行政区",
"values":{'香港':'香港'}
},
"澳门行政区":{
"key":"澳门行政区",
"values":{'澳门':'澳门'}
},
"台湾省":{
"key":"台湾省",
"values":{'台北市':'台北市','高雄市':'高雄市','嘉义':'嘉义','台南县':'台南县','台中县':'台中县','桃园市':'桃园市','新化县':'新化县','新竹':'新竹','漳化县':'漳化县'}
},
"天津市":{
"key":"天津市",
"values":{'天津市':'天津市','静海':'静海','武清':'武清'}
},
"河北省":{
"key":"河北省",
"values":{'石家庄':'石家庄','唐山':'唐山','保定':'保定','秦皇岛':'秦皇岛','衡水':'衡水','邢台':'邢台','邯郸':'邯郸','沧州':'沧州','丰润':'丰润','承德':'承德','新城':'新城','张家口':'张家口','廊坊':'廊坊'}
},
"山西省":{
"key":"山西省",
"values":{'太原':'太原','大同':'大同','长治':'长治','阳泉':'阳泉','离石':'离石','析州地区':'析州地区','宁武':'宁武','临汾地区':'临汾地区','候马':'候马','运城地区':'运城地区','晋城':'晋城','榆次':'榆次','朔州':'朔州'}
},
"内蒙古自区":{
"key":"内蒙古自区",
"values":{'呼和浩特':'呼和浩特','包头':'包头','赤峰':'赤峰','乌海':'乌海','临河':'临河','通辽':'通辽','集宁':'集宁','锡林浩特':'锡林浩特','海拉尔':'海拉尔','东胜':'东胜','乌兰浩特':'乌兰浩特','阿拉善盟':'阿拉善盟'}
},
"辽宁省":{
"key":"辽宁省",
"values":{'沈阳':'沈阳','大连':'大连','鞍山':'鞍山','抚顺':'抚顺','丹东':'丹东','辽阳':'辽阳','营口':'营口','本溪':'本溪','锦州':'锦州','朝阳':'朝阳','盘锦':'盘锦','阜新':'阜新','铁岭':'铁岭','葫芦岛':'葫芦岛'}
},
"吉林省":{
"key":"吉林省",
"values":{'长春':'长春','吉林':'吉林','四平':'四平','辽源':'辽源','通化':'通化','白城':'白城','白山':'白山','松原':'松原','梅河口':'梅河口','珲春':'珲春','延吉':'延吉'}
},
"黑龙江省":{
"key":"黑龙江省",
"values":{'哈尔滨':'哈尔滨','齐齐哈尔':'齐齐哈尔','大庆':'大庆','牡丹江':'牡丹江','鸡西':'鸡西','伊春':'伊春','佳木斯':'佳木斯','北安':'北安','大兴安岭':'大兴安岭','鹤岗':'鹤岗','双鸭山':'双鸭山','七台河':'七台河','绥化':'绥化','黑河':'黑河'}
},
"江苏省":{
"key":"江苏省",
"values":{'南京':'南京','苏州':'苏州','无锡':'无锡','扬州':'扬州','连云港':'连云港','镇江':'镇江','常州':'常州','徐州':'徐州','淮阴':'淮阴','南通':'南通','盐城':'盐城','泰州':'泰州','常熟':'常熟','沭阳':'沭阳'}
},
"浙江省":{
"key":"浙江省",
"values":{'杭州':'杭州','宁波':'宁波','温州':'温州','嘉兴':'嘉兴','绍兴':'绍兴','湖州':'湖州','定海':'定海','临海':'临海','金华':'金华','义乌':'义乌','丽水':'丽水','衢州':'衢州','瓯海':'瓯海','舟山':'舟山','台州':'台州'}
},
"安徽省":{
"key":"安徽省",
"values":{'合肥':'合肥','淮南':'淮南','芜湖':'芜湖','蚌埠':'蚌埠','淮化':'淮化','阜阳':'阜阳','六安':'六安','巢湖':'巢湖','滁州':'滁州','宣城':'宣城','屯溪':'屯溪','安庆':'安庆','淮北':'淮北','铜陵':'铜陵','马鞍山':'马鞍山','黄山':'黄山','宿州':'宿州','贵池地区':'贵池地区'}
},
"福建省":{
"key":"福建省",
"values":{'福州':'福州','厦门':'厦门','泉州':'泉州','漳州':'漳州','南平':'南平','邵武':'邵武','福安':'福安','龙岩':'龙岩','三明':'三明','永安':'永安','莆田':'莆田','宁德地区':'宁德地区'}
},
"江西省":{
"key":"江西省",
"values":{'南昌':'南昌','九江':'九江','赣州':'赣州','鹰潭':'鹰潭','上饶':'上饶','景德镇':'景德镇','井冈山':'井冈山','萍乡':'萍乡','新余':'新余','宜春地区':'宜春地区','抚州地区':'抚州地区','吉安地区':'吉安地区'}
},
"山东省":{
"key":"山东省",
"values":{'济南':'济南','青岛':'青岛','烟台':'烟台','淄博':'淄博','德州':'德州','东营':'东营','潍坊':'潍坊','泰安':'泰安','兖州':'兖州','菏泽':'菏泽','地区':'地区','临沂':'临沂','薛城':'薛城','枣庄':'枣庄','威海':'威海','济宁':'济宁','日照':'日照','莱芜':'莱芜','滨州地区':'滨州地区','聊城':'聊城'}
},
"河南省":{
"key":"河南省",
"values":{'郑州':'郑州','洛阳':'洛阳','开封':'开封','平顶山':'平顶山','安阳':'安阳','许昌':'许昌','信阳':'信阳','周口地区':'周口地区','商丘':'商丘','焦作':'焦作','鹤壁':'鹤壁','新乡':'新乡','濮阳':'濮阳','漯河':'漯河','三门峡':'三门峡','潢川':'潢川','驻马店':'驻马店','南阳':'南阳'}
},
"湖北省":{
"key":"湖北省",
"values":{'武汉':'武汉','宜昌':'宜昌','襄樊':'襄樊','黄石':'黄石','荆州':'荆州','仙桃':'仙桃','咸宁':'咸宁','襄阳':'襄阳','恩施':'恩施','十堰':'十堰','潜江':'潜江','荆门':'荆门','鄂州':'鄂州','随州':'随州','孝感':'孝感','黄岗':'黄岗'}
},
"湖南省":{
"key":"湖南省",
"values":{'长沙':'长沙','衡阳':'衡阳','株洲':'株洲','湘潭':'湘潭','益阳':'益阳','邵阳':'邵阳','吉首':'吉首','娄底':'娄底','怀化':'怀化','郴州':'郴州','永州':'永州','岳阳':'岳阳','常德':'常德','张家界':'张家界'}
},
"广西自区":{
"key":"广西自区",
"values":{'南宁':'南宁','柳州':'柳州','桂林':'桂林','北海':'北海','梧州':'梧州','百色':'百色','钦州':'钦州','玉林':'玉林','防城港':'防城港','河池':'河池'}
},
"海南省":{
"key":"海南省",
"values":{'海口':'海口','三亚':'三亚','通什':'通什','儋县':'儋县'}
},
"重庆市":{
"key":"重庆市",
"values":{'重庆市':'重庆市','长寿':'长寿','达洲':'达洲','合川':'合川','江津':'江津','乐山':'乐山','黔江':'黔江','荣昌':'荣昌','中江':'中江','忠县':'忠县'}
},
"四川省":{
"key":"四川省",
"values":{'成都':'成都','自贡':'自贡','宜宾':'宜宾','内江':'内江','乐山':'乐山','西昌':'西昌','攀枝花':'攀枝花','德阳':'德阳','绵阳':'绵阳','汶川':'汶川','马尔康':'马尔康','雅安地区':'雅安地区','康定':'康定','达安地区':'达安地区','南充':'南充','泸州':'泸州','涪陵':'涪陵','广元':'广元','遂宁':'遂宁','广安':'广安','巴中地区':'巴中地区'}
},
"贵州省":{
"key":"贵州省",
"values":{'贵阳':'贵阳','遵义':'遵义','六盘水':'六盘水','安顺':'安顺','玉屏':'玉屏','凯里':'凯里','都匀':'都匀','铜仁':'铜仁','毕节':'毕节','兴义':'兴义'}
},
"云南省":{
"key":"云南省",
"values":{'昆明':'昆明','东川':'东川','个旧':'个旧','大理':'大理','昭通地区':'昭通地区','开远':'开远','文山自治州':'文山自治州','思茅地区':'思茅地区','楚雄自治州':'楚雄自治州','临沧地区':'临沧地区','保山地区':'保山地区','曲靖':'曲靖','玉溪':'玉溪','丽江地区':'丽江地区','景洪':'景洪','潞西':'潞西','六库':'六库','中甸':'中甸'}
},
"西藏自区":{
"key":"西藏自区",
"values":{'拉萨':'拉萨','日喀则':'日喀则','那曲地区':'那曲地区','昌都地区':'昌都地区','阿里地区':'阿里地区','山南地区':'山南地区','林芝地区':'林芝地区'}
},
"陕西省":{
"key":"陕西省",
"values":{'西安':'西安','咸阳':'咸阳','宝鸡':'宝鸡','延安':'延安','渭南':'渭南','绥德':'绥德','榆林地区':'榆林地区','汉中':'汉中','安康地区':'安康地区','商州地区':'商州地区','铜川':'铜川'}
},
"甘肃省":{
"key":"甘肃省",
"values":{'兰州':'兰州','天水':'天水','白银':'白银','金昌':'金昌','敦煌':'敦煌','张掖地区':'张掖地区','酒泉':'酒泉','平凉地区':'平凉地区','西峰':'西峰','甘南州':'甘南州','定西地区':'定西地区','武都':'武都','临夏自治州':'临夏自治州'}
},
"青海省":{
"key":"青海省",
"values":{'西宁':'西宁','格尔木':'格尔木','德令哈':'德令哈','共和':'共和','玉树自治州':'玉树自治州','海东地区':'海东地区','同仁':'同仁','玛沁':'玛沁','海晏':'海晏'}
},
"宁夏自区":{
"key":"宁夏自区",
"values":{'银川':'银川','石嘴山':'石嘴山','吴忠':'吴忠','固源地区':'固源地区'}
},
"新疆自区":{
"key":"新疆自区",
"values":{'乌鲁木齐':'乌鲁木齐','克拉玛依':'克拉玛依','石河子':'石河子','伊宁':'伊宁','喀什':'喀什','东山':'东山','吐鲁番':'吐鲁番','哈密':'哈密','库尔勒':'库尔勒','库车':'库车','阿克苏':'阿克苏','和田':'和田','阿图什':'阿图什','昌吉自治州':'昌吉自治州','博乐':'博乐','奎屯':'奎屯','塔城地区':'塔城地区','阿勒泰地区':'阿勒泰地区'}
}
};
// 產生連動選單的功能
$('#third').doubleSelect('fourse', selectOptions, options);
});
现在的问题是 每次界面都先加载 js当我进行修改操作时，js不会被再次调用因此
var options = {
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,
emptyOption: true,
emptyValue: "...",
emptyKey: ""
};
preselectThird : document.getElementById("addressp1").value,
preselectFourse : document.getElementById("addressc1").value,此处
document.getElementById("addressc1").value没有效用
[ 此帖被huyawei58825在2009-09-25 16:45重新编辑 ]
作者: huyawei58825 发布时间: 2009-09-25
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
