Question

我想知道最后点击选择列表中的哪个项目

我选择了这样的下拉

<select id="selectId" multiple="multiple" onchange="">
<option value=1>Value 1</option>
<option value=2>Value 2</option>
<option value=3>Value 3</option>
<option value=4>Value 4</option>
</select>

我想知道，最后点击了哪个项目，如果现在已经选中了。在这种情况下应该使用哪个jQuery选择器（http://docs.jquery.com/Selectors）？

Answer 1

您可以使用

$('#selectId option:selected');

获取所选选项

见

:selected

连接onclick事件以选择并存储单击的项目。发生新的点击时，将上一个项目与新选择的项目进行比较。

Answer 2

我想看一下Jquery的selectBoxes插件（http://www.texotela.co.uk/code/jquery/select/）

这种事情非常好。

实施例

jQuery('#selectId').selectedOptions().each( function () {
    alert(this.text());
});

这将为您提供包含每个所选选项文本的提醒。如上所述，您可以使用更改事件监视所选选项。

Answer 3

尝试使用<option>元素上的click事件，这可以告诉您是否选择了最后一个选项（您可以将其设置为变量）：

var lastOption;

$('option').click(function(){
    lastOption = $(this);
    var lastIsSelected = lastOption.is(':selected');
    var lastText = lastOption.text();
    // ...
});

请在此处查看工作代码：http://jsbin.com/ijowo

jQuery - 只需单击选择项目

3 个答案: