js代码
$().ready(function(){
$("table tr:even").addClass("even");
$("table tr:odd").addClass("odd");
$("#c1ids").change(function(){
$("#c1ids option").each(function(i,o) {
if($(this).attr("selected")) {
$(".c2id").hide();
$(".c2id").eq(i).show();
}
});
});
$("#c1ids").change();
});
页面部分:
一级分类:
<select name="c1ids" id="c1ids" style="width: 123px">
<option value="0" >全部</option>
<option value="1" >箱包团</option>
</select>
二级分类:
<select name="c2id" id="c2id" style="width: 123px" class="c2id">
<option value="0">全部</option>
</select>
<select name="c2ids" id="c2ids" style="width: 123px" class="c2id">
<option value="0" >全部</option>
<option value="100" >时尚女包</option>
<option value="101" >精品男包</option>
<option value="102" >休闲旅行包</option>
<option value="103" >小件皮具类</option>
</select>
分享到:
相关推荐
java结合jquery进行异步提交在jsp页面中实现二级联动菜单,该源码在struts+mvc基础上实现的,简单明了。其中的数据库可自行更改,只要相应的更改连库字符串等即可。也可多加几个下拉框将项目扩展为多级联动菜单
NULL 博文链接:https://jun1986.iteye.com/blog/1338648
jQuery二级联动城市选择代码是一款仿Boss招聘网站的点击下拉二级联动城市选择,适用于搜索框分类城市选择代码。
jquery插件城市二级联动 使用简单 数据是以微信地区数据为例
jQuery移动端省市二级联动选择插件.zip
1、Jsp页面 ... //为了避免jquery中的'$'与其它的'$'冲突,在此将jquery中的'$'重命名为'jQuery' var jQuery=$; //初始化数据 jQuery(document).ready(function(){ getProvince(); });
jquery做的二级联动下拉列表,很有用的
一段很简单的代码实现的全国二级城市联动选择效果 代码部分很简单,看过即会使用 主要字段内容在city.data.js中,如果需要修改城市名称,到里面找到对应的文字修改,或者添加即可
jQuery 二级联动 内含 js版和jq版二级联动和三级联动 精简实用
这是一款适用于网络营销,查询连锁店铺全国网点的jQuery省市二级联动关联店面查询表单代码,主要还是城市联动下拉选择菜单效果,查询结果还得程序里自己具体实现。
jQuery二级联动分类菜单基于jQuery javascript Library 1.11.1制作,点击下拉框显示二级分类菜单,有搜索添加分类功能。
jQuery二级联动城市选择代码是一款仿Boss招聘网站的点击下拉二级联动城市选择,适用于搜索框分类城市选择代码。
jQuery二级城市联动jQuery二级城市联动
txt文本,利用工具类读取并存储 博文链接:https://lc87624.iteye.com/blog/601389
该资源包含了一个使用jquery ajax实现的省市二级联动的简单demo,简单易懂,可以参考博客:http://blog.csdn.net/mockingbirds/article/details/46842327
一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果
实现“城市菜单联动”超级简单,加载JS文件,调用即可。主要支持以下功能: 1、二级城市城市联动 2、所在地默认选项 3、星座默认选项 4、头像上传 Uploadify 插件 5、jQuery Validate 表单验证
自己写的很小的程序仅仅能实现二级联动功能,第一次上传,还不太懂
jquery中的二级联动