<script type="text/javascript">
var colObj = {"Items":[
{"name":"菜单项目标题1","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
{"name":"菜单项目标题2","topid":"0","colid":"2","value":"菜单项目标题2","fun":function(){}},
{"name":"菜单项目标题3","topid":"0","colid":"3","value":"菜单项目标题3","fun":function(){}},
{"name":"菜单项目标题4","topid":"2","colid":"4","value":"菜单项目标题4","fun":function(){}},
{"name":"菜单项目标题5","topid":"2","colid":"5","value":"菜单项目标题5","fun":function(){}},
{"name":"菜单项目标题6","topid":"0","colid":"6","value":"菜单项目标题6","fun":function(){}},
{"name":"菜单项目标题7","topid":"4","colid":"7","value":"菜单项目标题7","fun":function(){}}
]};
$("#colsel_exp").mlnColsel(colObj,{
title:"栏目下拉菜单",
value:"-1",
width:100
});
</script>
<script>
function ShowText(){
alert(colObj["Items"]["topid"]);
}
</script>
<input type="button" onclick="ShowText()" value="查看" />这个是个多级的下拉列表特效(http://gaojiewyh.javaeye.com/blog/564698),当选定后如何取到这个列表的值呢?colObj["Items"]["topid"]没用。谢谢大家啦,顺便祝大家元旦快乐!新年鸿运!
for (var i = 0; i < colObj.Items.length; i++) {
var item = colObj.Items[i];
var name = item.name;
var topid = item.topid;
// ...
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" charset="utf-8" href="StyleImages/upload/mln-main.css" />
<link rel="stylesheet" type="text/css" charset="utf-8" href="StyleImages/upload/mln.colselect.css" />
<script language="javascript" type="text/javascript" src="Scripts/JQuery-1.4.1.min.js"></script>
<script src="Scripts/mln.colselect.js"></script>
</head><body bgcolor="#FFFFFF">
<div style="margin:50px;">
<div id="colsel_exp"></div>
<br />
<div id="colsel_exp2"></div>
</div>
<script type="text/javascript">
var jj=-1;
var colObj = {"Items":[
{"name":"菜单项目标题1","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
{"name":"菜单项目标题2","topid":"0","colid":"2","value":"菜单项目标题2","fun":function(){}},
{"name":"菜单项目标题3","topid":"0","colid":"3","value":"菜单项目标题3","fun":function(){}},
{"name":"菜单项目标题4","topid":"2","colid":"4","value":"菜单项目标题4","fun":function(){}},
{"name":"菜单项目标题5","topid":"2","colid":"5","value":"菜单项目标题5","fun":function(){}},
{"name":"菜单项目标题6","topid":"0","colid":"6","value":"菜单项目标题6","fun":function(){}},
{"name":"菜单项目标题7","topid":"4","colid":"7","value":"菜单项目标题7","fun":function(){}}
]};
$("#colsel_exp").mlnColsel(colObj,{
title:"栏目下拉菜单",
value:"-1",
width:100
});
</script>
<script>
function ShowText(){
alert(jj);
}
</script>
<input type="button" onclick="ShowText()" value="查看" />
</body>
</html>
贴图:DEMO下载:http://www.codefans.net/soft/5582.shtml我要取的值是这个特效列表里选定后的值呀。
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<style type="text/css">
*{font-family:verdana; font-size:12px;}
div{border:1px solid red; padding:2px;}
</style>
<script type="text/javascript">
function $(id){
return "string" == typeof(id) ? document.getElementById(id) : id ;
}
var colObj = {"Items":[
{"name":"菜单项目标题1","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
{"name":"菜单项目标题2","topid":"0","colid":"2","value":"菜单项目标题2","fun":function(){}},
{"name":"菜单项目标题3","topid":"0","colid":"3","value":"菜单项目标题3","fun":function(){}},
{"name":"菜单项目标题4","topid":"2","colid":"4","value":"菜单项目标题4","fun":function(){}},
{"name":"菜单项目标题5","topid":"2","colid":"5","value":"菜单项目标题5","fun":function(){}},
{"name":"菜单项目标题6","topid":"0","colid":"6","value":"菜单项目标题6","fun":function(){}},
{"name":"菜单项目标题7","topid":"4","colid":"7","value":"菜单项目标题7","fun":function(){}}
]};function ShowText(){
var l=colObj["Items"].length;
var str='各个菜单的各个值如下\n';
for(var i=0;i<l;i++){
str+='第 '+i+ ' 个菜单, 的 ';
str+=' name 值 = '+colObj["Items"][i]["name"]+' , ';
str+=' topic 值 = '+colObj["Items"][i]["topid"]+' , ';
str+=' colid 值 = '+colObj["Items"][i]["colid"]+' , ';
str+=' value 值 = '+colObj["Items"][i]["value"]+' , ';
str+=' fun 值 = '+colObj["Items"][i]["fun"]+' , ';
str+='\n';
}
alert(str);
}
ShowText();
</script>
<body>
<p>获取各个菜单的值...</p><a href="javascript:ShowText();">show the menu TEXT </a>
</body>
</html>
happy new year ~