Javascript Jquery检测未选中的引导多选项下拉列表
我有一个动态引导多下拉选择器 我想在用户取消选择选项时运行一些代码Javascript Jquery检测未选中的引导多选项下拉列表,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个动态引导多下拉选择器 我想在用户取消选择选项时运行一些代码 <select id="selectOptions" multiple> <option>Test1</option> <option>Test2</option> <option>Test3</option> <option>Test4</option> <option>Test5<
<select id="selectOptions" multiple>
<option>Test1</option>
<option>Test2</option>
<option>Test3</option>
<option>Test4</option>
<option>Test5</option>
<option>Test6</option>
</select>
测试1
测试2
测试3
测试4
测试5
测试6
我想通过jquery来实现这一点,但是我有一个选项已经在选择一个选项时运行,当用户单击取消选择该选项时,我将如何实现这一点
谢谢每篇文章,你可以像这样检查所选的值
var select = document.getElementById("selectOptions");
$('#selectOptions').change(function(){
for (index in select){
if ( $("#selectOptions").val() === "" )
{
//some code
}
}
});
您可以做的是将
change
侦听器添加到select
元素中,并保留上次触发此侦听器时选择的所有项目的数组。通过这种方式,您可以将当前选定的项目数组与以前选定的项目数组进行比较,以确定哪些项目未选中
以下是一个例子:
var prevSelected=[];
$(“#选择选项”).change(函数(){
所选变量=$(this).val()| |[];
var unselected=prevSelected.filter(函数(v){
返回所选的。indexOf(v)=-1;
});
如果(未选择的长度){
console.log(“值”+未选中+“未选中/未选中”);
}
prevSelected=已选择;
});代码>
测试1
测试2
测试3
测试4
测试5
测试6
我需要知道某个值何时被取消选择,以及是哪一个。我认为这不会有什么帮助。@JakeS我做了一个编辑,可能有点接近你的要求。太棒了,我需要将jquery更改为:$(文档)。在('change','#selectOption',function(){}上,但是现在一切都可以正常工作了。谢谢!@JakeS我很高兴能帮上忙。祝你好运。