HTML实现二级联动下拉菜单,基于jquery的二级联动菜单实现代码

jQuery 1.3.2 简单实现select二级联动

jQuery 二级联动

$(document).ready(function(){

$("#province").change(function(){

$("#province option").each(function(i,o){

if($(this).attr("selected"))

{

$(".city").hide();

$(".city").eq(i).show();

}

});

$("#province").change();

});

----请选择省份----

北京

上海

江苏

----请选择城市----

东城

西城

崇文

宣武

朝阳

黄浦

卢湾

徐汇

长宁

静安

南京

镇江

苏州

南通

扬州

JQuery实现的二级联动菜单

先看页面代码

Html代码

*短信类型：

==请选择类型==

${t.name}

#list>

其中id为first的下拉列表为第一个下拉列表，id为second的区域为第二个下拉列表。

JavaScript代码：

$(function(){

$("#second").hide(); //初始化的时候第二个下拉列表隐藏

$("#first").change(function(){ //当第一个下拉列表变动内容时第二个下拉列表将会显示

var parentId=$("#first").val();

if(null!= parentId && ""!=parentId){

$.getJSON("http://localhost/msg/getSecondTypesJson",{id:parentId},function(myJSON){

var options="";

if(myJSON.length>0){

options+="==请选择类型==";

for(var i=0;i

options+=""+myJSON[i].name+"";

}

$("#area").html(options);

$("#second").show();

}

else if(myJSON.length<=0){

$("#second").hide();

}

});

}

else{

$("#second").hide();

}

});

HTML实现二级联动下拉菜单,基于jquery的二级联动菜单实现代码相关推荐

html省市多级联动下拉框,基于javascript实现全国省市二级联动下拉选择菜单
本文实例讲述了js实现全国省市二级联动下拉选择菜单,分享给大家供大家参考.具体如下: 效果图: 具体代码: 无标题文档 //好像不是这样子 var arr_province = ["请选择省 ...
利用ajax实现二级联动下拉框6,Ajax实现二级联动菜单
本文实例为大家分享了Ajax二级联动菜单的具体代码,供大家参考,具体内容如下 index.jsp 二级菜单联动演示 var req; window.οnlοad=function() {//页面加载时 ...
vue基于element-ui的Select选择器实现的动态多级联动下拉选择
本文讲的是 vue基于 element-ui 的 Select选择器实现的动态多级联动下拉选择基于原生select标签实现请看我的另外一篇文章 vue实现动态多级联动选择本文demo地址代码如 ...
下拉选择_在管理Excel中实现联动下拉选择
在系统中常常出现这样的情况:由于下拉选择的数量太多了,难以高效选择.为此管理Excel通过通过引入多级联动选择的方式来减少下拉选择的困难度.先看下使用效果: 联动下拉选择这个功能,在管理Excel中 ...
popwindow下拉筛选二级联动_职场人必备！一分钟搞定Excel二级联动下拉菜单
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
php下拉列表二级联动,PHP+Ajax实现二级联动下拉菜单！
正文字体大小: 中 PHP+Ajax实现二级联动下拉菜单! (2009-12-05 01:11:39) 标签: 杂谈数据库 .................................... ...
下拉默认选择_在Excel中制作二级联动下拉菜单，太有用了
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
dw二级联动下拉菜单插件宋君墨_Excel实例——一级、二级、多级下拉菜单一次讲透...
啥叫下拉菜单?啥叫一级?二级?多级?你们都在说啥? 一级下拉菜单其实是一级,这里就不再多次强调是一级了,就是下拉菜单! 当需要多人填写,又保证填写规范的时候,下拉菜单使用起来是非常有必要了!两种办法 ...
dw二级联动下拉菜单插件宋君墨_Excel下拉菜单不会做？15秒教会你制作一二三级联动下拉菜单，从此做表不求人！...
Hi,各位叨友们好呀!我是叨叨君~ 我们都知道,在使用Excel表格统计数据的时候,为了方便录入,通常会在Excel中设置下拉菜单,以便我们输入相同的内容. 那么,Excel中一级.二级.三级联动下拉 ...

HTML实现二级联动下拉菜单,基于jquery的二级联动菜单实现代码

HTML实现二级联动下拉菜单,基于jquery的二级联动菜单实现代码相关推荐

最新文章

热门文章