Question

我有一个multipSelect，它是使用javascript动态创建的，我目前无法在其中附加选项。

以下是Fiddle

以下是我的尝试：

$(selectEventTypeAssetId).append($('<option value="1"').text("2")); 
$(selectEventTypeAssetId).html($('<option value="1"').text("2"));
$(selectEventTypeAssetId).html('<option value="1">234</option>');
$(selectEventTypeAssetId).append('<option value="1">234</option>');
$(selectEventTypeAssetId).text('<option value="1">234</option>');

这些似乎都没有帮助。

任何帮助都将不胜感激。

Answer 1

您的问题是因为您需要在之前附加新的option元素，以便在元素上实例化multipleSelect插件，如下所示：

var $selectEventTypeAssetId = $('<select id="eventTypeSelect" class="form-control" />').appendTo('.alertTypeMultipleSelect'); $selectEventTypeAssetId.append('<option value="1">234</option>'); $('.alertTypeMultipleSelect').multipleSelect({ placeholder: "Event Type", selectAll: false, width: "100%", filter: true, sort: true, });

Updated fiddle

Answer 2

试试这个，

$selectEventTypeAssetId = $("<select id='eventTypeSelect' class='form-control'>");
$selectEventTypeAssetId.html("<option value='1'>One</option>");
$(".alertTypeMultipleSelect").append($selectEventTypeAssetId);
$('select').multipleSelect({
  selectAll: false,
  width: "100%",
  filter: true,
  sort: true,
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/multiple-select/1.2.0/multiple-select.js"></script>
<link href="https://rawgit.com/wenzhixin/multiple-select/master/multiple-select.css" rel="stylesheet"/>
<div class="form-group">
  <label>Event Type:</label>
  <div class="alertTypeMultipleSelect"></div>
</div>

我已根据动态创建select元素进行了一些更改。

Answer 3

var newOption = new Option(key, value, true, false);
$("#selectEventTypeAssetId").append(newOption).trigger('change');

无法在多个选择中附加选项

3 个答案: