100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Select标签下拉列表二级联动级联实例代码【javascript】

Select标签下拉列表二级联动级联实例代码【javascript】

时间:2022-11-23 23:52:00

相关推荐

Select标签下拉列表二级联动级联实例代码【javascript】

web前端|js教程

Select,下拉列表,二级联动

web前端-js教程

首先从服务器端,绑定下拉列表,二级下拉的text命名按照一定规则加上一级下拉的ID。

网站信息采集源码,vscode怎么一键修复代码,ubuntu 火狐没了,tomcat没有安装成功,快手评论 爬虫,php判断跳转页面,眉山seo网络推广有效果吗lzw

var options=new Array();

$(document).ready(function(){

//二级联动

$(#ddlPages).children(option).each(function(i){

options[i]=\+$(this).text()+\;

});//将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); //默认选中第一行

});

});

cms源码旅游,ubuntu 开机屏幕键盘,网络爬虫代码分析,php mail()附件,黄陂seo服务lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。