如果使用select2选择了特定的值,则不允许选择其他选项
Don't allow to select other option if selected specific value with select2
正如你所看到的,我有一个带有select2(多重)选择功能的选择框,带有一些选项,如
<option value="All"> All </option>
<option value="test@email.com"> User 1</option>
<option value="test2@email.com"> User 2 </option>
<option value="Test3@rmail.com"> User 3 </option>
是否有可能,如果我从选择框中选择选项All
,那么选择框不允许我从给定的选项中选择其他选项,除非我删除它。
我想限制用户选择选择All
或从选项中选择多个用户。
我准备使用jQuery或javascript来实现这一点
工作小提琴。
当All
选项出现时,可以将select的值设置为All:
$("#my-select").select2();
$("#my-select").on('change', function(){
var selected = $(this).val();
if(selected != null)
{
if(selected.indexOf('All')>=0){
$(this).val('All').select2();
}
}
})
希望对你有帮助。
$("#my-select").select2();
$("#my-select").on('change', function(){
var selected = $(this).val();
if(selected != null)
{
if(selected.indexOf('All')>=0){
$(this).val('All').select2();
}
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" rel="stylesheet"/>
<select multiple id="my-select" style="width:300px">
<option value="All"> All </option>
<option value="test@email.com"> User 1</option>
<option value="test2@email.com"> User 2 </option>
<option value="Test3@rmail.com"> User 3 </option>
</select>
相关文章:
- Don'不允许将焦点集中在自动完成的选择上
- Jquery不允许来自多个选择列表的相同值
- 谷歌地图 - 用户选择不允许位置
- Jquery 日期选择器不允许更改禁用文本框上的日期
- Angular-UI 日期选择器不允许在输入字段中输入格式 dd.MM.yyyy
- Select2 不允许在使用 select2 ajax 时选择值
- CSS选择器允许一件事而不允许另一件事
- Javascript:如果你添加了一个选择,不要't不允许再次添加该选择(不允许重复)
- jQuery日期时间选择器don'不允许选择过去的时间
- 日期选择器don'不允许过去的日期加上今天
- 日期选择器不允许今天's接受日期
- JQuery自动完成将不允许从下拉IE中进行选择
- 它不允许我选择按钮,如果javascript是在$(文档).准备功能
- 选择框不允许选择UIWebView iOS9
- 如果使用select2选择了特定的值,则不允许选择其他选项
- AngularStrap data-start-date不允许选择日期
- 上传文件在PHP错误-去PHP文件不允许我选择
- 选择不允许带有ng-model的占位符的框
- Extjs 4 Combo显示值,但不允许选择
- 拖拽函数不允许选择器