博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
菜单联动 加翻页
阅读量:6958 次
发布时间:2019-06-27

本文共 4748 字,大约阅读时间需要 15 分钟。

/**

* 调用该js,品牌id必须为brand 车系id为series 车型id为carModel
* 品牌option listKey为品牌内部id
* 必须放两个隐藏域
* <input type="hidden" id="seriesId" name="seriesId" value="${?.seriesId}"/>
<input type="hidden" id="typeId" name="typeId" value="${?.carTypeId}"/>
* @returns
*/
$(document).ready(function(){
$("#brand").οnchange=brandchang();
var seriesid=$("#seriesId").attr("value");
//$("#series").attr("headerKey",seriesid);
var t = document.getElementsByName("option1");
//alert(t.length+"wwwww")
for(i=0;i<t.length;i++){//给select赋值
if(seriesid==t[i].value){
t[i].selected=true
}
}
$("#series").οnchange=serieschang();
var typeid=$("#typeId").attr("value");
var t1=document.getElementsByName("option2");
for(i=0;i<t1.length;i++){//给select赋值
if(seriesid==t1[i].value){
t1[i].selected=true
}
}
})

//js获取项目根路径,如: http://localhost:8083/uimcardprj

function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.location.href;
//获取主机地址之后的目录,如: uimcardprj/share/meun.jsp
var pathName=window.document.location.pathname;
var pos=curWwwPath.indexOf(pathName);
//获取主机地址,如: http://localhost:8083
var localhostPaht=curWwwPath.substring(0,pos);
//获取带"/"的项目名,如:/uimcardprj
var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
return(localhostPaht+projectName);
}

function brandchang(){
var brandInnerId=$("#brand").val();
var path = getRootPath();
$.ajax({url:path+"/carBrandUtil/findSeries.do?brandInnerId="+brandInnerId,
dataType:"json",
async: false,
success:function(data){
var obj=data.series;
var n=obj.length;
var htl="<option selected='selected' value='' name='option1'>请选择</option>";
$("#carModel").html(htl);
for(var i=0;i<n;i++){
htl=htl+"<option value=\""+obj[i].id+"\" name='option1'>"+obj[i].serisName+"</option>"
}
$("#series").html(htl);
//$("#series").attr("list",data.series);
}
});
}
function serieschang(){
var seriesInnerId=$("#series").val();
// alert(seriesInnerId+"fffff")
var path = getRootPath();
$.ajax({url:path+"/carBrandUtil/findCarType.do?seriesInnerId="+seriesInnerId,
dataType:"json",
async: false,
success:function(data){
var obj=data.type;
var n=obj.length;
var htl="<option selected='selected' value='' name='option2'>请选择</option>";
for(var i=0;i<n;i++){
htl=htl+"<option value=\""+obj[i].id+"\" name='option2'>"+obj[i].simpleName+"</option>"
}
$("#carModel").html(htl);
}
});
}

 

 

 

<form action="getCarLists.do" name="userListform" method="post" namespace="/lovecar" >

<input type="hidden" id="errorMsg" name="errorMsg" value="${errorMsg}"/>
<input type="hidden" id="seriesId" name="seriesId" value="${condtionBizBean.seriesId}"/>
<input type="hidden" id="typeId" name="typeId" value="${condtionBizBean.carTypeId}"/>
<div class="formContainer">
<table class="layout">
<tbody>
<tr>
<td><div>用户姓名:</div></td><td><input type="text" name="condtionBizBean.realName" style="width:120px" value="${condtionBizBean.realName}"/></td>
<td><div>电话:</div></td><td><input type="text" name="condtionBizBean.loginNumber" style="width:120px" οnkeyup="this.value=this.value.replace(/\D/g,'')" value="${condtionBizBean.loginNumber}" /></td>
<td><div> 驾照号码:</div></td><td><input type="text" name="condtionBizBean.license" value="${condtionBizBean.license}"></input></td>
<td><div>车牌号:</div></td><td><input type="text" name="condtionBizBean.plateNumber" style="width:120px" value="${condtionBizBean.plateNumber}"/></td>
<td><div>车驾号码:</div></td><td><input type="text" name="condtionBizBean.frameNumber" style="width:120px" value="${condtionBizBean.frameNumber}" /></td>
</tr>
<tr>
<td><div> 所在城市:</div></td><td><input type="text" name="condtionBizBean.city" value="${condtionBizBean.city}"></input></td>
<td><div>品牌:</div></td>
<td><s:select list="carBrandList" id="brand" name="condtionBizBean.brandId" οnchange="brandchang()" headerKey="" headerValue="请选择" listKey="id" listValue="brandName" cssStyle="width: 120px;" /></td>
<td><div>车系:</div></td>
<td>
<s:select list="carSeriesList" id="series" name="condtionBizBean.seriesId" οnchange="serieschang()" headerKey="" headerValue="请选择" listKey="id" listValue="serisName" cssStyle="width: 120px;"/>
<!-- <option selected="selected" value="">请选择</option>
</select> -->
</td>
<td><div>车型:</div></td>
<td><s:select list="carTypeList" id="carModel" name="condtionBizBean.carTypeId" headerKey="" headerValue="请选择" listKey="id" listValue="simpleName" cssStyle="width: 120px;"/>
<!-- <option selected="selected" value="">请选择</option>
</slect> -->
</td>
</tr>
</tbody></table>
</div>
<div class="anniu">
<input type="submit" value="查询"/>
<%-- <s:submit action="LoveCarAction" method="getCarLists" cssStyle="width:60px" value="查询" οnclick="document.forms['userListform'].action='getCarLists.do';"/> --%>
</div>

 

转载于:https://www.cnblogs.com/xuehen/p/4698769.html

你可能感兴趣的文章
socket编程
查看>>
浏览器渲染原理解析
查看>>
搭建个人网站需要的三个步骤
查看>>
matlab建立双坐标
查看>>
Linux操作命令(六)
查看>>
1、压滤机工作原理
查看>>
设计模式学习总结-桥接模式(Bridge Pattern)
查看>>
halcon算子翻译——copy_image
查看>>
使用Haar分类器进行面部检测
查看>>
Makefile-2
查看>>
获取页面中出现次数最多的三个标签以及出现次数
查看>>
访问WEB-INF目录中的文件
查看>>
web接口开发与测试
查看>>
php -- php控制linux关机、重启、注销
查看>>
十.python面向对象(itme)
查看>>
Python下selenium的简单用法
查看>>
multiset的应用
查看>>
我的mysql的学习记录
查看>>
Codeforces Round #416 (Div. 2)(A,思维题,暴力,B,思维题,暴力)
查看>>
NYOJ 题目77 开灯问题(简单模拟)
查看>>