无法在多个 select 中附加选项
unable to append option in multiple select
我有一个 multipleSelect,它是使用 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>');
None 这些似乎有帮助。
如有任何帮助,我们将不胜感激。
你的问题是因为你需要在 之前添加新的 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,
});
var newOption = new Option(key, value, true, false);
$("#selectEventTypeAssetId").append(newOption).trigger('change');
试试这个,
$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 元素做了一些更改。
我有一个 multipleSelect,它是使用 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>');
None 这些似乎有帮助。
如有任何帮助,我们将不胜感激。
你的问题是因为你需要在 之前添加新的 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,
});
var newOption = new Option(key, value, true, false);
$("#selectEventTypeAssetId").append(newOption).trigger('change');
试试这个,
$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 元素做了一些更改。