javascript - select2 不呈现选定的值
问题描述
我有一个这样的 select2 元素:
$(document).ready(function () {
$('.select2').select2({
multiple: true
});
});
.select2{
width:100%
}
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<select name="test" class="select2" multiple='multiple'>
<option value='A'>A</option>
<option value='B'>B</option>
<option value='C'>C</option>
<option value='D'>D</option>
</select>
出于某种原因,当我添加值时,它没有显示为选中状态,但是在从表单发布数据时,我从这个选择中接收到所有值。例子:
选项 C 和 D 被选中,在选项下拉列表中它们突出显示为选中,但在“主”元素中,它们不是。
保存表单并重新呈现页面后,select2 现在显示选定的值。看这张照片。
如果我尝试使用 X 删除任何值,它不会从“主”元素中删除,但会从选项中取消选择,并且表单将再次提交正确的值。
我试图谷歌但没有设法找到任何帮助。我使用的 Select2 版本是 4.0.5。Bootstrap v3 和 jQuery 1.11.0 也包含在页面中。我尝试过更改顺序或包括 CSS 和 JS,但似乎没有任何区别。为 select2 应用引导主题也没有帮助。
知道有什么问题吗?
解决方案
它似乎工作正常。
$(document).ready(function () {
$('.select2').select2({
multiple: true
});
$('button').on('click',function(){
alert($('.select2').val());
});
});
.select2{
width:150px;}
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<select name="test" class="select2" multiple='multiple'>
<option value='A'>A</option>
<option value='B'>B</option>
<option value='C'>C</option>
<option value='D'>D</option>
</select>
<button>get values</button>
推荐阅读
- sql-server - 是否有一种简单的方法可以将数据从多个 excel 苍蝇导入 SQL,包括使用 SSIS 的文件名?
- java - DynamoDBMapper:如何在 DynamoDBMapper 的单个查询或扫描中获取多个 id(数组)的所有行
- reactjs - sideMenu 在 react-native-navigation 版本 2 中不起作用?
- mysql - 在 MySQL 中使用 JOIN 优化这些嵌套的 IN 语句
- ios - 核心数据崩溃 - NSManagedObjectContextObjectsDidChangeNotification:尝试使用 userInfo 插入 nil
- c# - 无效的表达式术语“。”,方法“调用”
- c++ - 运行小数字时超出 C++ 内存限制
- apache-flink - Flink 的故障恢复流程
- authentication - 在多个策略场景中设置默认授权策略
- python - Python 3:subprocess.run('mv') 使目标保持打开状态