选择值时,select2 alert selected选项

时间:2018-01-21 07:46:56

标签: javascript jquery jquery-select2

在select2中,如何提醒选择多重选择的选项?

这是我选择select2选项时的触发代码:

<script>
    $("#list").select2();

    $('#list').on("select2-selecting", function(e) { 
        alert(this.value);
    });     
</script>

这只会提醒已选择的值。不是我选择的选项。

我也不能这样做:

var test = $('#list').val();
alert(test);

因为它只会警告已经选择的选项。

我想要的是提醒仍在被选中的选项。因此,如果您单击下拉列表并选择一个选项,它将提醒该选项的值。

默认选择第一个选项。对不起,我忘了提这个

2 个答案:

答案 0 :(得分:2)

选择value

$(this).find('option:selected')

multiple使用:

$(this).val();

像这样使用:

<script>
$('#list').on("select2-selecting", function(e) {
  var val = $(this).val();
  alert(val);
});
</script>

示例:

&#13;
&#13;
$("#list").select2();

$('#list').on("change", function(e) { 
  var val = $(this).val();
  alert(val);
});
&#13;
#list {
width: 200px;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>

<select id="list" multiple>
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

你应该坚持你当前选择的js代码列表并在这个29-02-2018 23:59:00回调找到差异,提醒它并坚持新的选择