动态载入下拉菜单的数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<title>select</title> 
<script 
type="text/javascript" src="/js/dojo/dojo.js"></script> 
<script 
type="text/javascript"> 
dojo.require("dojo.event.*"); 
// sophisticated AOP event handling 

dojo.require("dojo.io.*"); 
// for Ajax requests 

function 
init(e){ 
loadSelectionValues("/cgi-bin/privmgr/mysql_tableList.cgi","mysql_tableList"); 
} 
dojo.addOnLoad(init); 

function 
loadSelectionValues(dateUrl,selectName){ 

dojo.io.bind({ 
url: 
dateUrl, 
load: function (type,value,evt) 
{ 
var i; 
var 
selectName0=document.getElementById(selectName); 
for(i=1;i<=value.length;++i){ 
selectName0.options[i] 
= new 
Option(value[i][0]); 

selectName0.options[i].value 
=value[i][1]; 
} 
}, 
mimetype: 
"text/json", 
encoding: "GB2312" 
}); 
} 

function test(obj){ 

alert(obj.value); 
} 

</script> 
</head> 
<body> 
<select 
name="mysql_tableList" id="mysql_tableList" onChange="test(this)" 
value="" > 
<option value="">(空)</option> 
</select> 

</body> 
</html>

缺点:如果数据达到上千条,速度就会非常慢,可能要5-10秒才能载入。

此博客中的热门博文

少写代码,多读别人写的代码

在windows下使用llvm+clang

tensorflow distributed runtime初窥