使用juery使用list <string>填充Dropdown

Question

我有一个下拉菜单，代码如下。点击提交按钮后，通过后端服务，我获得list<string>的{​​{1}}。现在根据camIdListIds我需要预先填充多个下拉列表中选择的选项。我的下拉选项是硬编码的，它的选项不会动态变化。

在jsp文件中 -

下拉Html：

camIdListIds

Jquery的 -

<select name="camIdList" id="camIdList" class="required" multiple="multiple">
    <option selected="selected" value="">Please Select</option>
    <option value="6">camp 1</option>
    <option value="C6">camp 2</option>
    <option value="C7">camp 3</option>
    <option value="CA8">camp 4</option>
    <option value="CA9">camp 5</option>
</select> 

此处<script type="text/javascript"> $(document ).ready(function() { var camIdListIds = "${campaignModel.camIdListIds}"; }); </script> 为camIdListIds

如何将带有值的选项从后端绑定到下拉列表。

jsfiddle： - https://jsfiddle.net/bbjk/xpkgwse4/

Answer 1

如果您想使用jQuery将新数据附加到您的下拉列表，您可以使用此功能：

camIdListIds = ['CA10', 'CA11', 'CA12']

current_ops = $("#camIdList option").length;
$.each(camIdListIds, function(ind, val) {
    new_op = current_ops + ind;
    $("#camIdList").append($("<option/>").val(val).text('camp ' + new_op));
    })

首先检查你有多少个“营地”硬编码，然后动态添加。