Jquery 使用juery使用list填充下拉列表

Jquery 使用juery使用list填充下拉列表,jquery,drop-down-menu,Jquery,Drop Down Menu,我有一个下拉列表,下面有代码。从后端服务点击提交按钮,我得到了CamidListId列表。现在根据camIdListIds,我需要预先填充在多个下拉列表中选择的选项。我的下拉选项是硬编码的,它的选项不会动态更改 在jsp文件中- 下拉式Html: <select name="camIdList" id="camIdList" class="required" multiple="multiple"> <option selected="selected" value="

我有一个下拉列表,下面有代码。从后端服务点击提交按钮,我得到了CamidListId列表。现在根据camIdListIds,我需要预先填充在多个下拉列表中选择的选项。我的下拉选项是硬编码的,它的选项不会动态更改

在jsp文件中-

下拉式Html:

<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> 
Jquery-

<script type="text/javascript">
$(document ).ready(function() {
   var camIdListIds = "${campaignModel.camIdListIds}";
});
</script>
这里,camidistids是[6,C6,CA8]

如何使用从后端到下拉列表的值绑定选项

JSFIDLE:-

如果您想使用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));
    })
这首先检查您硬编码的营地数量,然后动态添加到这些营地中


你想在下拉列表中附加这些值作为新选项吗?@活到死是的,我想附加到下拉列表中