由于select框内容比较多,如果在页面初始化时就将select框的下拉列表中的内容也初始化好的话,页面显示比较慢.现在想在页面初始化时select框只显示选中的内容,只有在onclick事件发生时才将下拉列表的数据读入.
请看下面代码：
<HTML>
<HEAD>
<TITLE> Test </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
//下拉框的内容
function initcolorArray(){
var colorArray=new Array();
colorArray[0]="红色";
colorArray[1]="白色";
colorArray[2]="蓝色";
colorArray[3]="黑色";
colorArray[4]="橙色";
colorArray[5]="绿色";
colorArray[6]="灰色";
colorArray[7]="紫色";
colorArray[8]="墨绿色";
colorArray[9]="暗红色";
return colorArray;
}
//点击选择框动态生成下拉框中内容
function showcolor(obj){
var colorSel= document.getElementById("example");
var array = initcolorArray();
for(i=0;i<array.length;i++){
colorSel.options[i]=new Option(array[i],i);
}
colorSel.options[9].selected=true;
obj.onclick="";
}
//初始化选择框
function init(){
var colorSel= document.getElementById("example");
colorSel.options[0]=new Option("暗红色",0);
}
window.onload=initcolorArray;
</script>
</HEAD>
<BODY>
颜色：<select style="width:120px" onMouseOver="showcolor(this);this.onmouseover=null;alert('here');" onclick="showcolor(this)" id="example"></select>
</BODY>
<script language="javascript">
init();
</script>
</HTML>
大家有没有更好的方法，发表一下。
Keyword: 动态select,下拉框,动态下拉框,下拉框选中,select加载,select动态数据
请看下面代码：
<HTML> <HEAD> <TITLE> Test </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="javascript">
//下拉框的内容 function initcolorArray(){ 
var colorArray=new Array(); colorArray[0]="红色"; colorArray[1]="白色"; colorArray[2]="蓝色"; colorArray[3]="黑色"; colorArray[4]="橙色"; colorArray[5]="绿色"; colorArray[6]="灰色"; colorArray[7]="紫色"; colorArray[8]="墨绿色"; colorArray[9]="暗红色"; return colorArray; } //点击选择框动态生成下拉框中内容 function showcolor(obj){ var colorSel= document.getElementById("example"); var array = initcolorArray(); for(i=0;i<array.length;i++){ colorSel.options[i]=new Option(array[i],i); } colorSel.options[9].selected=true; obj.onclick=""; } //初始化选择框 function init(){ var colorSel= document.getElementById("example"); colorSel.options[0]=new Option("暗红色",0); } window.onload=initcolorArray;</script> </HEAD> <BODY> 颜色：<select style="width:120px" onMouseOver="showcolor(this);this.onmouseover=null;alert('here');" onclick="showcolor(this)" id="example"></select> </BODY> <script language="javascript"> init(); </script></HTML>大家有没有更好的方法，发表一下。
Keyword: 动态select,下拉框,动态下拉框,下拉框选中,select加载,select动态数据
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通