JSP页面动态填充多个下拉列表导致Chrome占用过多内存

使用Ajax异步加载下拉列表内容

在JSP页面中，将下拉列表变为空列表，再使用Ajax异步加载下拉列表的选项，避免一次性加载大量选项导致内存占用过多。

示例代码：

HTML代码：

<select id="select1"></select> <select id="select2"></select>

JavaScript代码：

// 加载第一个下拉列表内容 $.ajax({ url: "getOptions1.jsp", success: function(data){ $("#select1").html(data); } });

// 加载第二个下拉列表内容 $.ajax({ url: "getOptions2.jsp", success: function(data){ $("#select2").html(data); } });

getOptions1.jsp代码：

<%-- 填充下拉列表1 --%> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3">选项3</option> <option value="4">选项4</option>

getOptions2.jsp代码：

<%-- 填充下拉列表2 --%> <option value="A">选项A</option> <option value="B">选项B</option> <option value="C">选项C</option> <option value="D">选项D</option>