使用Javascript将java.util.List与下拉列表绑定

Binding java.util.List with drop-down using Javascript

本文关键字：下拉列表 绑定 List util Javascript java 使用      更新时间：2023-09-26

我需要将java.util.List<String>绑定到HTML下拉javascript。

我可以获得以下格式的java.util.List：

[Name1,Name2,Name3]

对于绑定，我将使用以下代码（它工作得很好）：

var opt = document.createElement("OPTION");                 
opt.text = xhr.responseText;
opt.value = xhr.responseText;
document.getElementById("slctFullName").options.add(opt);

但我不知道迭代这些元素的最简单方法。

请让我知道如何迭代元素：（

谢谢，

您首先需要将List转换为javascript友好格式，我建议：

["Name1", "Name2", "Name3"]

这表示JSON中的javascript数组，现在您应该能够通过解析javascript对象来为其分配内容

var arr = JSON.parse(xhr.responseText);

现在你可以像一个普通数组一样在上面循环：

for (var i=0; i<arr.length; ++i) {
 var opt = document.createElement("OPTION");                 
 opt.text = arr[i];
 opt.value = arr[i];
 document.getElementById("slctFullName").options.add(opt); 
}

请注意此处的兼容性注意事项。

相关文章：