jQuery 模板：如何访问 jQuery 模板中新创建的选项项

Question

我有以下 JSON 数组，我需要遍历并使用 JQuery 模板创建 HTML 选项项。我遇到的问题是每个组内的数据可能有重复的值。如下图a可以在两组中重复。

"groups":[{//group one
        "names" : {
            "a" : "name1",
            "b" : "name2",
        }
    }, { //group two
        "names" : {
            "a" : "name1"
        }
    }//...
]

这就是我尝试使用 JQuery 模板添加选项的方式。

<select id="select1" >
    {{each(groupIndex, group) ResponseData.groups}}
        {{each(index, name) group}}
            <option value="${name}" >${index}</option>
        {{/each}}
    {{/each}}   
</select>

但这将添加a 两次作为选项。

有没有办法使用 ID select1 访问选择元素并检查是否已经使用 JQuery 模板添加了值为 a 的选项？

谢谢。

Answer 1

更好的方法是将 json 预处理为具有唯一值的数组 并在 jquery 模板中使用它们。