<script type="text/javascript">
var emails = [
{ name: "Peter Pan", to: "[email protected]", cc:[{name:"aa",to:"aa.com"},{name:"bb",to:"aa.com"},{name:"cc",to:"aa.com"},{name:"dd",to:"aa.com"}]},
{ name: "Molly", to: "[email protected]", cc:[{name:"ee",to:"aa.com"},{name:"aa",to:"aa.com"},{name:"aa",to:"aa.com"},{name:"aa",to:"aa.com"}]},
{ name: "Forneria Marconi", to: "[email protected]",cc:[{name:"aa",to:"aa.com"},{name:"aa",to:"aa.com"},{name:"aa",to:"aa.com"},{name:"aa",to:"aa.com"}] }
];
$(function() {
var aa=new Array();
var k=0;
for(var i=0;i<emails.length;i++){
for(var j=0;j<emails[i].cc.length;j++){
aa[k]='{name:"'+emails[i].cc[j].name+'",to:"'+emails[i].cc[j].to+'"}';
k++;
}
}
var bb=aa.join(",");
var cc='['+bb+']';
var dd=eval(cc);
$('#keyword').autocomplete(dd, {
max: 12, //列表裏的條目數
minChars: 0, //自動完成激活之前填入的最小字符
width: 400, //提示的寬度，溢出隱藏
scrollHeight: 300, //提示的高度，溢出顯示滾動條
matchContains: true, //包含匹配，就是data參數裏的數據，是否只要包含文本框裏的數據就顯示
autoFill: false, //自動填充
formatItem: function(row) {
return row.name + ',' + row.to;
},
formatMatch: function(row, i, max) {
return row.name + row.to;
},
formatResult: function(row) {
return row.to;
}
}).result(function(event, row, formatted) {
alert(row.to);
});
for(var j=0;j<emails[i].cc.length;j++){
aa[k]='{name:"'+emails[i].cc[j].name+'",to:"'+emails[i].cc[j].to+'"}';
k++;
}
}
var bb=aa.join(",");
var cc='['+bb+']';
var dd=eval(cc);
$('#keyword').autocomplete(dd, {
max: 12, //列表裏的條目數
minChars: 0, //自動完成激活之前填入的最小字符
width: 400, //提示的寬度，溢出隱藏
scrollHeight: 300, //提示的高度，溢出顯示滾動條
matchContains: true, //包含匹配，就是data參數裏的數據，是否只要包含文本框裏的數據就顯示
autoFill: false, //自動填充
formatItem: function(row) {
return row.name + ',' + row.to;
},
formatMatch: function(row, i, max) {
return row.name + row.to;
},
formatResult: function(row) {
return row.to;
}
}).result(function(event, row, formatted) {
alert(row.to);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="keyword" />
<input id="searchSchool" />
<input id="getValue" value="GetValue" type="button" />
</div>
</form>