如何使用 jQuery 查找多选标签的最新选定项
how to find the latest selected item of a multiple select tag using jquery?
我的网站里有一个<select multiple="multiple" id="multi">
,我在jquery中有一个脚本,它有这个功能:
$("#multi").on("change",function(){})
我想访问此功能中select
的最新选定项(用户选择的最后一个(,我该怎么做?
要获取用户最后选择的,您可以执行此操作
var map = $("#multi").on("change",function(){
var comp = $("#multi option:selected").map(function() {
return this.value;
}).get(),
set1 = map.filter(function(i) {
return comp.indexOf(i) < 0;
}),
set2 = comp.filter(function(i) {
return map.indexOf(i) < 0;
}),
last = (set1.length ? set1 : set2)[0];
map = comp;
// "last" contains the last one selected /unselected
}).find('option:selected').map(function() {return this.value}).get();
小提琴
你可以这样使用:selected
选择器和:last
(或者.last()
$('#multi').change(function() {
console.log( $(this).find('option:selected:last').text() );
});
JSFiddle
我想
你正在寻找这个
$("#multi").on("change",function(){
alert($("option:selected:last",this).val());
})
演示
var last_value;
$('#multi').change(function() {
last_value = this.val();
alert(last_value);
});
定义全局变量,每次下拉列表更改选择时,都可以将最后一个选定的值替换为新值。
小提琴:
使用优化解决方案减少编码: 为什么不使用jquery的is
函数:
$(document).ready(function(){
$('#multi option').click(function(){
if($(this).is(':selected'))
console.log('you have select' + $(this).val());
else
console.log('you have Unselect' + $(this).val());
});
});
这个
怎么样
var = last;
$('#multi').find('option').each(function() {
$(this).click(function() {
if($(this).hasAttr('selected')) {
last = $(this);
}
}
}
相关文章:
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- jQuery-2.1.1.min.js或最新版本jQuery-2.13.min.js不会't支持'@
- iframe正在添加标签,需要删除它们
- addData()从最新图表中删除.js 2.1.3-怎么了
- 如何自动调整标签的高度以适应内容
- 为什么jQuery 1.8不能在IE8和InternetExplorer9中使用?(截至2012年9月的IE9最新版本)
- Jquery标签插件粘贴问题
- Twitter引导程序Typeahead-Id&标签
- 正在检测导航到<a name=“;最新主题”></a>
- 如何在Analytics.js中始终了解最新的cookie过期时间
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- Morris.js折线图x轴标签在调整大小后消失
- JavaScript goto 标签如何使用内部循环
- 显示某个用户ID的某个标签的30张Instagram图片
- 标签客户端的设置值
- 谷歌图表显示所有标签
- 如何使用 jQuery 查找多选标签的最新选定项
- Chrome扩展:捕获最新标签打开的URL
- 在不使用标签的情况下查看instagram上最新的动态