QQ客服
當前位置 : 中国福彩快乐十分开奖分布图 > 代碼 > 網頁特效 > 表單代碼 > jQuery下拉框樹形結構菜單選擇插件

彩票店分布图: jQuery下拉框樹形結構菜單選擇插件

jQuery樹形結構和下拉框插件結合制作點擊文本框彈出樹結構的下拉分類菜單選中賦值效果代碼。ps:下載文件中還提供了多種模式,單選、多選,回調。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--基礎樣式-->
<link type="text/css" rel="stylesheet" href="css/demo.css">

<!--主要樣式-->
<link type="text/css" rel="stylesheet" href="css/metroStyle/metroStyle.css">

2、head引入js文件

<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all.js"></script>
<script type="text/javascript" src="MultipleTreeSelect.js"></script>

<script type="text/javascript">

	<!--默認設置樹結構分類菜單內容-->
	var zNodes = [
		{id: 1, pId: 0, name: "火之國",   open: true},  // open: true表示下面有子文件
		{id: 11, pId: 1, name: "木葉忍者", open: true }, // open: true表示下面有子文件
		{id: 111, pId: 11, name: "鳴人" },
		{id: 112, pId: 11, name: "佐助"},
		{id: 12, pId: 1, name: "木葉暗部" },
		{id: 121, pId: 12, name: "鼬"},
		{id: 122, pId: 12, name: "卡卡西"},
		{id: 2, pId: 0, name: "沙之國", open: true}, // open: true表示下面有子文件
		{id: 21, pId: 2, name: "千代婆婆"},
		{id: 26, pId: 2, name: "我愛羅"} ,
		{id: 22, pId: 2, name: "沙之國忍者", open: true}, // open: true表示下面有子文件
		{id: 221, pId: 22, name: "手鞠"},
		{id: 222, pId: 22, name: "勘九郎"},
		{id: 3, pId: 0, name: "水之國"},
		{id: 4, pId: 0, name: "土之國"}
	];
	var defaults = {

		zNodes: zNodes,
		height:233   // 默認自定義下拉框高度
	}
	
	<!--調用插件方法-->
	$(document).ready(function () {
		$("textarea").drawMultipleTree(defaults);
	});
</script>

3、body引入HTML代碼

<textarea   style="width: 300px;overflow:hidden;" checks="1,11,2,23"  textLabel="jasontext"  type="text" readonly></textarea>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 中国福彩快乐十分开奖分布图

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了