我想让我的select2 .I的最后一个选中或未选中的元素遵循官方文档,但happens.This不是我的代码:
jQuery(document).ready(function() {
Main.init();
var $eventSelect = $('.search-select'); //select your select2 input
$(".search-select").select2({
allowClear: true
});
$eventSelect.on('select2:unselect', function(e) {
console.log('unselect');
console.log(e.params.data.id); //This will give you the id of the unselected attribute
console.log(e.params.data.text); //This will give you the text of the unselected text
})
$eventSelect.on('select2:select', function(e) {
console.log('select');
console.log(e.params.data.id); //This will give you the id of the selected attribute
console.log(e.params.data.text); //This will give you the text of the selected
})
$(".search-select").on('select2:select', function(e) {
console.log(e.params.data.id);
});
});
<select id="bird_id_1" name="bird_id_1[]" class="form-control search-select selects" multiple required>
@foreach($birds as $bird)
<option value="{{ $bird->id }}" {{ in_array($bird->id, App\Http\Controllers\ClaimController::getbirdsids($claim->id)) ? 'selected' : '' }}>{{ $bird->title_fr }}</option>
@endforeach
</select>
发布于 2019-06-13 00:08:52
这是让一切正常工作的最终代码。
$("select.selects").on("select2-selecting", function (e){
console.log(e.object.text);
$(".input_nb:last").after("<label class='"+e.val+" input_nb'>Le nombre d’oiseau pour:"+e.object.text+"</label><input type='text' class='form-control input_nb "+e.val+"' name='num_espece[]' placeholder=''>");
});
$("select.selects").on("change", function (e){
console.log(e.removed.id)
if(e.removed)
{
$("."+e.removed.id).remove();
}
});
https://stackoverflow.com/questions/56564171
复制相似问题