87,991
社区成员
发帖
与我相关
我的任务
分享jquery json 对级联查询 select的问题
现在遇到的问题是通过json从省份中过滤出地市，选中某一地市，进行查询这一地市的数据，数据较多有分页，在点击下一页时不能让代表地市的下拉列表select默认的是自己选择的那个，如何设置被json过滤后的下拉列表的selected。
求帮助！！！
求帮助！！！
...全文
请发表友善的回复…
发表回复
魔术世界中文版 2013-05-05
- 打赏
- 举报
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var t="";
$("#province").change(function(){
var provId=$("#province").val();
$.getJSON("AreaJSON.jsp?time=" + new Date() + "&provId=" + provId,function(data){
var area_name=$("#area_name");
area_name.empty();
area_name.append("<option value='-1'>选择类型</option>");
$.each(data,function(infoIndex,info){
area_name.append("<option value='" + info["area_id"] +"'>" + info["area_name"] + "</option>");
});
});
});
$("#area_name").live("change",function(){
t=$("#area_name option:selected").val();
});
$("submit").click(function(){
$("#area_name option").each(function(){
if($(this).val()==t){
$(this).attr("selected",true);
//$(this).attr("selected","selected");上边那行不行的话换成这行
}
});
});
});
</script>
psj_JPS 2013-05-05
- 打赏
- 举报
这是我的代码
我把分页的操作的按钮放在不同的form里，
psj_JPS 2013-05-05
- 打赏
- 举报
<script type="text/javascript">
$(function(){
$("#province").change(function(){
var provId=$("#province").val();
$.getJSON("AreaJSON.jsp?time=" + new Date() + "&provId=" + provId,function(data){
var area_name=$("#area_name");
area_name.empty();
area_name.append("<option value='-1'>选择类型</option>");
$.each(data,function(infoIndex,info){
area_name.append("<option value='" + info["area_id"] +"'>" + info["area_name"] + "</option>");
});
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td>
<s:form action="getallCompany" method="post" theme="simple">
<table>
<tr>
<td>
省份：
<select style="width: 200px;" id="province_name"
name="province_name">
<option value="-1">
请选择
</option>
<s:iterator id="province" value="#session.prors">
<option value="<s:property value="#province.provId" />"
<s:if test='#province.provId==#request.province_name'>
selected= "selected"
</s:if>>
<s:property value="#province.provName" />
</option>
</s:iterator>
</select>
</td>
<td>
地市:
<select style="width: 200px;" id="area_name" name="area_name">
<option value="-1">
请选择
</option>
</select>
</td>
</tr>
<tr>
<td colspan=2 align="center"><input class="golbal_button" type="submit" value="查询" />
</td>
</tr>
</table>
</s:form>
<table>
<tr>
<th>地市</th>
<th>企业名称</th>
</tr>
<s:if test="#request.list.isEmpty()">
<tr>
<td colspan="2">没有符合条件的记录</td>
</tr>
</s:if>
<s:iterator value="#request.list" id="u">
<tr>
<td><s:property value="#u.areaname"/></td>
<td><s:property value="#u.company"/></td>
</tr>
</s:iterator>
<tr>
<td colspan="2">
<div style="float: right">
<form name="getallCompany" action="getallCompany.action"
method="post">
第
<font color="blue">${request.page.currentPage}</font> 页 共
<font color="blue">${request.page.totalPage}</font>页 共
<font color="blue">${request.page.totalCount}</font>记录 第
<FONT color="blue"> <input type="text"
name="currentPage" id="currentPage" value="" /> </FONT>页
<s:hidden name="area_name" value="%{#request.area_name}" />
<s:hidden name="province_name"
value="%{#request.province_name}" />
<input type="submit" value="跳转" />
</form>
</div>
<div style="float: right; width: auto; text-align: right">
<s:if test="#request.page.currentPage!=1">
<div style="float: left">
<div style="float: left; margin-right: 2px;">
<form name="getallCompany"
action="getallCompany.action?currentPage=1" method="post">
<s:hidden name="area_name" value="%{#request.area_name}" />
<s:hidden name="province_name"
value="%{#request.province_name}" />
<input class="golbal_button" type="submit" value="首页" />
</form>
</div>
<div style="float: left; margin-right: 2px;">
<form name="getallCompany"
action="getallCompany.action?currentPage=${request.page.currentPage-1}"
method="post">
<s:hidden name="area_name" value="%{#request.area_name}" />
<s:hidden name="province_name"
value="%{#request.province_name}" />
<input type="submit" value="上一页" />
</form>
</div>
</div>
</s:if>
<div style="float: right; margin-right: 2px;">
<s:if test="#request.page.currentPage!=#request.page.totalPage">
<div style="float: right; margin-right: 2px;">
<div style="float: left; margin-right: 2px;">
<form name="getallCompany"
action="getallCompany.action?currentPage=${request.page.currentPage+1}"
method="post">
<s:hidden name="area_name" value="%{#request.area_name}" />
<s:hidden name="province_name"
value="%{#request.province_name}" />
<input class="golbal_button" type="submit" value="下一页" />
</form>
</div>
<div style="float: right; margin-right: 2px;">
<form name="getallCompany"
action="getallCompany.action?currentPage=${request.page.totalPage}"
method="post">
<s:hidden name="area_name" value="%{#request.area_name}" />
<s:hidden name="province_name"
value="%{#request.province_name}" />
<input type="submit" value="尾页" />
</form>
</div>
</div>
</s:if>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
魔术世界中文版 2013-05-05
- 打赏
- 举报
你需要贴出你的代码大家才好帮你是不是？
按你的说法相当于你把下拉菜单和表格都封在同一个DIV中，这样每点击下一页
下来菜单也跟着刷新，回到初始状态，而不是当前选中状态。
你为什么不把下拉菜单和表格各自装在不同的DIV中，这样每次下拉菜单中的选项
改变，只需刷新DIV2中的表格就行了。
psj_JPS 2013-05-05
- 打赏
- 举报
大家都在休息？？？
psj_JPS 2013-05-05
- 打赏
- 举报
在线等待中.....
