Select标签下拉列表二级联动级联实例代码
更新时间:2014年02月07日 14:48:19 作者:
这篇文章主要介绍了Select标签下拉列表二级联动级联实例代码,需要的朋友可以参考下
首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID。
var options=new Array();
$(document).ready(function(){
//二级联动
$('#ddlPages').children('option').each(function(i){
options[i]='<option value="'+$(this).val()+'">'+$(this).text()+'</option>';
});//将option列表放到数组里
$('#ddlPages option:gt(0)').remove(); //清楚下拉
$('#ddlSubsystems').bind('change',function(){ //注册事件
var systemname=$('#ddlSubsystems option:selected').text();
for(var j=0;j<options.length;j++){
$('#ddlPages').append(options[j]);
} //option列表先初始化
$('#ddlPages option:gt(0)').each(function(i){ //遍历排除
var textname=$(this).text();
var index=textname.indexOf('-'+systemname);
if(index<0){
$(this).remove();
}else{
$(this).text(textname.substring(0,index));
}
});
$('#ddlPages').val(0); //默认选中第一行
});
});
复制代码 代码如下:
var options=new Array();
$(document).ready(function(){
//二级联动
$('#ddlPages').children('option').each(function(i){
options[i]='<option value="'+$(this).val()+'">'+$(this).text()+'</option>';
});//将option列表放到数组里
$('#ddlPages option:gt(0)').remove(); //清楚下拉
$('#ddlSubsystems').bind('change',function(){ //注册事件
var systemname=$('#ddlSubsystems option:selected').text();
for(var j=0;j<options.length;j++){
$('#ddlPages').append(options[j]);
} //option列表先初始化
$('#ddlPages option:gt(0)').each(function(i){ //遍历排除
var textname=$(this).text();
var index=textname.indexOf('-'+systemname);
if(index<0){
$(this).remove();
}else{
$(this).text(textname.substring(0,index));
}
});
$('#ddlPages').val(0); //默认选中第一行
});
});
相关文章
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
本文通过实例代码给大家介绍了BootStrap Table复选框默认选中功能(从数据库获取到对应的状态进行判断是否为选中状态),代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧2017-07-07
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
这篇文章主要介绍了Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记,感兴趣的小伙伴们可以参考一下2016-07-07
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
这篇文章主要介绍了js实现iframe框架取值的方法,可兼容IE,firefox,chrome等浏览器.涉及JavaScript针对框架元素取值的相关技巧,需要的朋友可以参考下2015-11-11
javascript 解决表单仍然提交即使监听处理函数返回false
解决表单依旧提交即使监听处理函数返回false2010-03-03


最新评论