我使用相当简单的select2药盒下拉列表来获取所选选项的值。
选择代码:
<select required="" id="pick_festival" class="festivals-dropdown select2-hidden-accessible" name="festivals[]" multiple="" data-select2-id="pick_festival" tabindex="-1" aria-hidden="true">
<option value="106" data-select2-id="4">Lowlands</option>
<option value="92" data-select2-id="5">Paaspop</option>
<option value="97" data-select2-id="6">Roadburn</option>
<option value="94" data-select2-id="7">Wakana Lake</option>
<option value="108" data-select2-id="8">Zwahana</option>
</select>
jQuery代码:
$('#pick_festival').on("select2:select", function(e){
var festival = $(this).find(':selected:last').val();
console.log(festival);
});
现在,当我从上到下选择时,这很好用。 Console.log始终显示正确的值。但是,当我选择最后一个选项,并在此选项之前选择其他选项时,它将返回先前选择的值。