Question

我对jQuery很新，我试图从一个集合中填充一个选择框。基本上，我想采取下面的代码，其中＆＃34;状态＆＃34;是集合并将其移动到jQuery：

<widget:select property="statusCode" styleId="STATUSCODELIST" labelKey="label.status">
    <html:option value=""/>
    <c:forEach var="status" items="${applicationScope.statuses}">
        <html:option value="${status.key}"><c:out value="${status.key} - ${status.value}"/></html:option>
    </c:forEach>
</widget:select>

我试图找出如何获得＆＃34;状态＆＃34;像这个样本中的数字数组一样工作：

var numbers  = [ 1, 2, 3, 4, 5]
var list = $('#STATUSCODELIST')[0];
$.each(numbers, function(index, text) { 
    list.options[list.options.length] = new Option(index, text);
});

感谢您的帮助。

Answer 1

假设您有一个id为＆＃39; test_DDL＆＃39;的选择框，您可以执行以下操作：

var statusList = $('#test_DDL');
$.each(statuses, function (idx, status) {
    var option = "<option>" + status.key + " - " + status.value + "</option>";
    statusList.append(option);
});

使用jQuery从Collection中填充Select Box

1 个答案: