$(document).ready(function(){
send();//初始化
$("#categoryFirst").change(send);
});
<html:select property="categoryFirst" styleId="categoryFirst" >
<html:option value="办公费用">办公费用</html:option>
<html:option value="租赁费">租赁费</html:option>
<html:option value="物业水电费">物业水电费</html:option>
<html:option value="社会保险费">社会保险费</html:option>
<html:option value="交通费">交通费</html:option>
</html:select>
详细类别:
<html:select property="categorySecond" styleId="categorySecond" ></html:select>
function send(){
$.ajax({
type:"POST",
url:"cost.portal?action=getCategorySecond",
dataType:"text",
data:"categoryFirst="+$("#categoryFirst").val(),
beforeSend:function(XMLHttpRequest)
{
},
success:function(msg)
{
$("#categorySecond").empty();
var s=msg.split("|");
for(var i=0;i<s.length;i++){
var o=$("<option value='"+s[i]+"'>"+s[i]+"</option>");
$("#categorySecond").append(o);
}
},
complete:function(XMLHttpRequest,textStatus)
{
},
error:function()
{
}
});
}
if("getCategorySecond".equals(action)){
System.out.println("----------------getCategorySecond Cost--------------");
Map<String, String> map=new HashMap<String, String>();
map.put("办公费用", "办公用品|日用品|快递费|办公耗材|登记费");
map.put("租赁费", "上海办公室|海南办公室|宁波办公室|西安办公室|河南办公室");
map.put("物业水电费", "上海物业费|上海水电费|海南物业费|海南水电费|宁波物业费|宁波水电费|西安物业费|西安水电费|河南水电费|河南物业费");
map.put("社会保险费", "三金|公积金|综合保险");
map.put("交通费", "市内交通费");
String categoryFirst=request.getParameter("categoryFirst");
String data=map.get(categoryFirst);
response.setHeader("ContentType", "text/html");
response.setContentType("text/html;charset=UTF-8");
try {
response.getWriter().write(data);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
分享到:
相关推荐
基于jquery的用<select>实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
基于jquery的用<select>实现二级动态联动菜单,里面用到jquer+ajax+json解析方面知识,通过无刷新去后台值实现的,可用性非常好,欢迎大家下载学习。
[removed][removed] [removed][removed] [removed][removed] </head>... jQuery世界城市三级联动下拉选择代码是一款jQuery Select世界城市选择器特效,如果只有二级,那么会有一个空值。
jQuery 插件编写的select三级联动,多级联动,修改方便,扩展方便
<label class=layui-form-label>城市</label> <div class=layui-input-inline> <select name=city lay-filter=province> <option xss=removed></option> <option value=11>北京市</option> <option ...
该小插件是自己写的谢谢指教。可以改写为三级菜单。
两级联动选择插件调用: $('.select-value').mPicker({ //级别 level:2, //需要渲染的json,二级联动的需要嵌套子元素,有一定的json格式... jQuery手机端省市二级联动选择代码是一款非常实用的城市选择器插件。
技术特点:Jquery通用 [二维数组] 无限级联动、赋值联动 功能介绍: 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值...包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]
超简单的JS联动代码,不过要配合jquery用,也可以自己修改为不用任选JS库的代码 代码如下:<tr> <th>一级分类</th><td> <select name=”subsidiary_cat_id” class=”subsidiary_cat_id” onchange=”linkage(‘....
本文实例为大家分享了Ajax实现城市二级联动的具体代码,供大家参考,具体内容如下 这是Ajax实现城市二级联动系列文章第三篇,把之前2篇整合在一起 1、html <select id="province"> <option>请选择</option> ...
本文实例为大家分享了jquery实现二级联动的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二级联动</title> ...
今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多。另外,这个Select下拉框也...
用JQuery和select 做的一个 二级 下拉 联动 思路 就是 点击 第一个 下拉框时 调取 change事件 获取 第二个下拉框的值 实现 联动 效果
Jquery通用二维数组无限级联动源码 技术特点:Jquery通用 [二维数组] 无限级联动、赋值联动 功能介绍: 无限级联动、赋值联动 ,.net后台...包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]
Struts2+jQuery+ajax+mySql实现省市二级联动
二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。 实现效果:当选择大类时,小类下拉框里的选项内容...
jQuery 1.3.2 简单实现select二级联动 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”...
根据JSON自动生成select联动,三级联动,二级联动,通过JSON自动联动,select
本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。 HTML 首先在head中载入jquery库和cityselect插件。 [removed][removed] [removed][removed] 接下来,我们在#city中...
JS文件中的Select 有2个,我想做成联动的,例如选择" 信息采集器 " 那么第二个Select 就自动显示"A" 选择 " 信息变送器 " 就自动显示 “ B ” 怎么实现~~求高手,求专家!网上找的代码,测试了都不行! 是不是因为这...