[英]select2 alert selected option when selecting the value
在select2中,如何提醒選擇多個選項的選項?
當我選擇select2選項時,這是我的觸發代碼:
<script>
$("#list").select2();
$('#list').on("select2-selecting", function(e) {
alert(this.value);
});
</script>
這只會提醒已選擇的值。 不是我選擇的選項。
我不能這樣做:
var test = $('#list').val();
alert(test);
因為它只會警告已經選擇的選項。
我想要的是提醒仍在選擇的選項。 因此,如果單擊下拉列表並選擇一個選項,它將提醒該選項的值。
默認選擇第一個選項。 對不起,我忘了提這個
獲取選定的value
:
$(this).find('option:selected')
或multiple
:
$(this).val();
使用這樣:
<script>
$('#list').on("select2-selecting", function(e) {
var val = $(this).val();
alert(val);
});
</script>
例:
$("#list").select2(); $('#list').on("change", function(e) { var val = $(this).val(); alert(val); });
#list { width: 200px; }
<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>
你應該堅持你當前選擇的js代碼列表並在這個onSelect
回調找到差異,提醒它並堅持新的選擇
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.