jQuery-option-tree联动下拉框

最新推荐文章于 2024-08-22 09:36:25 发布

dws_202

最新推荐文章于 2024-08-22 09:36:25 发布

阅读量179

点赞数

分类专栏： js学习文章标签： jQuery-option-tree联动下拉框

本文链接：https://blog.csdn.net/dws_202/article/details/84008165

版权

js学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

挺好用的jquery实现联动下拉框：

<html>
	<head>   
		 
		<script type="text/javascript" src="jquery-1.6.2.js"></script>
		<script type="text/javascript" src="jquery.optionTree.js"></script>    
		

	</head> 

	<body>
	<h3>Demo1</h3>
		<input type="text" name="demo1" />
		<script type="text/javascript">
			$(function() {

				var option_tree = {
				   "Option 1": {"Suboption":200},
				   "Option 2": {"Suboption 2": {"Subsub 1":201, "Subsub 2":202},
							"Suboption 3": {"Subsub 3":203, "Subsub 4":204, "Subsub 5":205}
						   }
				};

				$('input[name=demo1]').optionTree(option_tree);

			});
		</script>

		<br>
		<h3>Demo2</h3>
		<input type="text" name="demo2" />
		<script type="text/javascript">
			var option_tree = {
			   "Option 1": {"Suboption":200},
			   "Option 2": {"Suboption 2": {"Subsub 1":201, "Subsub 2":202},
						"Suboption 3": {"Subsub 3":203, "Subsub 4":204, "Subsub 5":205}
					   }
			};

			var options = {empty_value: -1, choose: '...select'};

			$('input[name=demo2]').optionTree(option_tree, options)
								 ;
		</script>

	</body>
</html>

还有其他demo，ajax实现等参看连接：

http://code.google.com/p/jquery-option-tree/