jquery - 使用 Jquery Ajax 和 CFC 进行下拉填充

Question

我正在尝试使用数据库数据填充 HTML 下拉列表。为此，我从数据库检索数据并创建选项元素，如下所示:

var obj = eval("(" + data + ")");
for (i = 1; i <= obj.DATA.length; i++) {
    var col_val = obj.DATA[i - 1];
    $("#dropdown").append('<option value="' + col_val + '">' + col_val + '</option>');
}

我尝试了另一种方法，如下所示:

$("#dropdown").html(data);

其中，data 是一个字符串，其中包含使用 cfloop 循环数据库查询后调用的 CFC 页面返回的选项元素列表。

在添加新选项之前，我将使用以下任一语句删除旧选项。

$('#dropdown').empty(); 

$('#dropdown option').remove();

$('#dropdown').html('');

经过分析，我发现删除选项导致了最大延迟。

是否有更快的替代 JavaScript 或 Jquery 函数可用于删除选项？或者您是否建议任何解决方法来提高性能？

注意:为此我必须使用 ColdFusion 和 AJAX。而且我无法使用 ColdFusion 的内置 AJAX 功能。

谢谢!!

Answer 1

我通常从 ajax 请求返回 html，所以响应看起来像

<option value = "1">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
<option value = "4">4</option>
...

然后只需使用 $("#selectName").html(data); 使用现在包含一堆选项标签的响应填充选择。