HELP！！！！哪位高人有多选下拉框多级联动的例子

want_bye 2011-03-22 10:30:06

哪位高人有多选下拉框多级联动的例子，麻烦贴一个上来，谢谢

...全文

208 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

kofoto 2012-04-02

打赏
举报

http://topic.csdn.net/u/20120402/21/aa25f8bd-477e-4630-bb4b-6af3470faf87.html?seed=412911232&r=78123798#r_78123798 这里有个非常好用无限多级使用

UPC_思念 2011-03-22

打赏
举报

你想要几级联动的，我帮你写个？

woshishuiya1111 2011-03-22

打赏
举报

用ajax So easy!

jackey_ctdw 2011-03-22

打赏
举报

顶楼主下我也需要这样的例子

qingyuan18 2011-03-22

打赏
举报

下拉框联动好办，关键是你后台Action里面接收到联动事件后判断是第几级的菜单，以便取下级子菜单

剩下的事情就简单了，数据封装成json往客户端丢，ajax回调函数里面把下级子菜单重新填充即可

yukiMark 2011-03-22

打赏
举报

我这倒是有级联下拉的JS

want_bye 2011-03-22

打赏
举报

不好意思，没说清楚，是多个多选的下拉框，然后这些下拉框之间连动。

XiangZhiLiu 2011-03-22

打赏
举报

lz说清楚行么。。。多选下拉多级、、、是连起来的吗，还是分开来的啦！不清楚。反正我不清楚！

司马喂羊 2011-03-22

打赏
举报

去找“百师傅”和“谷师傅”，相信加肯定他们会告诉你答案的。

want_bye 2011-03-22

打赏
举报

找了个多选下拉框的JS，分享一下

连动同五楼说的，ajax回调函数里面把下级子菜单重新填充即可。谢谢大家~

want_bye 2011-03-22

打赏
举报

//选中项数组

		var select = [];

		

		//根据value，更改项的选中状态

		function changeOption(opt,val,isSelect) {

		for (var i = 0; i < opt.length; i++) {

		if (opt.options[i].value == val) {

		opt.options[i].selected = isSelect;

		break;

		}

		}

		}

		

		function OnClick() {

		var i_ts_desc = document.getElementById("i_ts_desc");

		//获取当前选择Value

		i_ts_desc.focus();

		var newVal = i_ts_desc.options[i_ts_desc.selectedIndex].value;

		for (var i = 0; i < select.length; i++) {

		//如果Value在数组中，即反选了，就不选中它。

		if (select[i] == newVal) {

		//不选中

		changeOption(i_ts_desc, newVal, false);

		//再将原来的项选中

		for (var k = 0; k < select.length; k++) {

		if (select[k] != newVal)

		changeOption(i_ts_desc, select[k], true);

		}

		//重新填充已选中的项的数组

		select = [];

		for (var j = 0; j < i_ts_desc.options.length; j++) {

		if (i_ts_desc.options[j].selected == true) {

		select.push(i_ts_desc.options[j].value);

		}

		}

		return;

		}

		}

		

		//选中，然后重新填充已选中的项的数组

		select.push(newVal);

		for (var i = 0; i < select.length; i++) {

		changeOption(i_ts_desc, select[i], true);

		}

		}

zn85600301 2011-03-22

打赏
举报

额人家要的是下拉复选框的多级联动 ~~

XiangZhiLiu 2011-03-22

打赏
举报

给你个简单的：



<HTML>

<HEAD>

<META http-equiv="content" content="text/html;charset=gb2312">

<TITLE>JavaScript</TITLE>

<STYLE type="text/css">

	

</STYLE>

<SCRIPT language="javascript">

	function changeCity()

	{

		var cityList = new Array();

		cityList["四川省"]=["成都","绵阳","德阳","自贡","内江","乐山","南充","雅安","眉山"

				,"甘孜","凉山","泸州"];

		cityList["山东省"]=["济南","青岛","淄博","枣庄","东瀛","烟台","潍坊","济宁","泰安"

				,"威海","日照"];

		cityList["湖北省"]=["武汉","宜昌","荆州","襄樊","皇石","荆门","皇岗","十堰","恩施"

				,"潜江"];

		var pIndex = document.getElementById("selprovince").value;

		var newOption1;

		document.getElementById("selcity").options.length = 0 ;

		for(var i in cityList[pIndex])

		{

			newOption1 = new Option(cityList[pIndex][i],cityList[pIndex][i]);

			//alert(newOption1.value);

			document.myform.selcity.options.add(newOption1);

			//document.getElementById("selcity").options.add(newOption1);

		}

	}

</SCRIPT>

</HEAD>

<form name="myform">

	<table align="center" width="100%">

		<tr>

			<td align="center">姓名：<input name="txtUser" type="text"></td>

		</tr>

		<tr>

			<td align="center">省份：

				<select name="selprovince" id="selprovince" 



onChange="changeCity()">

					<option value="--请选择省份--">--请选择省份--</option>

					<option value="四川省">四川省</option>

					<option value="山东省">山东省</option>

					<option value="湖北省">湖北省</option> 

				</select>

			</td>

		</tr>

		<tr>

			<td align="center">城市：

				<select name="selcity" id="selcity">

					<option value="">--请选择城市--</option>

				</select>

			</td>

		</tr>

	</table>

</form>

</HTML>