本文介绍了一种使用JavaScript来动态加载下拉菜单数据的方法。通过从数据库获取JSON格式的数据，然后解析这些数据并将其转换为下拉菜单选项。这种方法提高了网页的交互性和用户体验。
<script type="text/javascript">
function getPulldownData() {
//get Data (json format) from database
var tmpRet = {'DATA' : [{'NAME':'computer','NAME_CD':'a0001'},{'NAME':'faxmachine','NAME_CD':'a0002'}] };
//var umearray = ["aa","bb"];
if(tmpRet==null || tmpRet==undefined) {
//exception handling
}
var arr = tmpRet['DATA'];
var ret = document.createDocumentFragment();
for (var i = 0; i < arr.length; i++) {
var o = arr[i];
var newop = document.createElement("option");
newop.id = o['NAME_CD'];
newop.title=o['NAME'];
newop.value = o['NAME_CD'];
newop.appendChild(document.createTextNode(o['NAME'].substring(0,5)));
ret.appendChild(newop);
}
return ret;
}
function loadSel() {
var ret = getPulldownData();
document.getElementById("sel").appendChild(ret);
}
</script>
</head>
<body onload = "loadSel()">
<select id="sel"></select>
</body>
function getPulldownData() {
//get Data (json format) from database
var tmpRet = {'DATA' : [{'NAME':'computer','NAME_CD':'a0001'},{'NAME':'faxmachine','NAME_CD':'a0002'}] };
//var umearray = ["aa","bb"];
if(tmpRet==null || tmpRet==undefined) {
//exception handling
}
var arr = tmpRet['DATA'];
var ret = document.createDocumentFragment();
for (var i = 0; i < arr.length; i++) {
var o = arr[i];
var newop = document.createElement("option");
newop.id = o['NAME_CD'];
newop.title=o['NAME'];
newop.value = o['NAME_CD'];
newop.appendChild(document.createTextNode(o['NAME'].substring(0,5)));
ret.appendChild(newop);
}
return ret;
}
function loadSel() {
var ret = getPulldownData();
document.getElementById("sel").appendChild(ret);
}
</script>
</head>
<body onload = "loadSel()">
<select id="sel"></select>
</body>
扫一扫
223
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
