javascript - 如何在多选2中更改顺序
问题描述
在我的代码中,我使用多个 select2 来选择一个值。但是,问题是您无法更改选择中的顺序。有人可以帮我吗?
<select class="form-control col-10" id="questions" name="questions[]" multiple="multiple">
@foreach($tasks as $t)
@if(!$t->trashed() || in_array($t->id, $lesson->tasksId()))
<option value="{{$t->id}}" @if(in_array($t->id, $lesson->tasksId())) selected @endif>{{$t->vocabulary->native_text}}</option>
@endif
@endforeach
</select>
<script type="text/javascript">
$(document).ready(function(){
$('#questions').select2();
$('#lessonLevelEdit').on('change', loadOtherTasks);
});
function loadOtherTasks() {
const newVal = $('#lessonLevelEdit').val();
$.get(`/api/tasks?level=${newVal}`, function(data) {
// Reformat data to select2 structure
const dataReformat = data.map(item => {
return {
'id': item.id,
'text': item.vocabulary_nt
}
});
// Remove old options (previous level)
$('#questions option').remove();
$('#questions').select2({
data:dataReformat
});
});
}
</script>
解决方案
推荐阅读
- rabbitmq - 我可以在 Rabbit 服务器上看到我的消息吗?
- ruby-on-rails - 来自 Ruby 的 Google Earth Engine REST API 身份验证失败
- angular - 尽管在异步管道订阅的管道中,Observable 似乎仍然存在
- dpdk - ====== Pktgen 出现段错误
- python - 无法使用 python 更新 JSON
- php - 为什么我的 cron 工作不在 laravel 中工作?
- c - C 中的文件传输 - Linux
- javascript - 在电子应用程序中接收管道数据流
- django - 将 Django Enum 约束强制到 PostgreSQL 端
- python - Python 脚本未在 SSIS 包中运行