Javascript 在select2中，为什么我必须放置$（'；select'；）.val（）；单击（）函数

你知道，我刚刚学习了select2。我需要获取所选选项的值，我知道我应该这样做：

$('select').val();

所以我写了一个简单的问题如下：

HTML:

我想知道为什么var a=$（'#first'）.val（）；放置另一个位置将产生另一种效果？

因为

$（“#first”）.val（）返回当前选择的值，而不是未来的值。因此，当您调用
$（“#first”）时，请选择2（）并尝试检索当前所选值的值

但是当您调用
$（“#first”）.val（）时
在click事件中，每次单击
#clickIt
然后单击
$（“#first”）.val（）并返回新选择的值

我希望这对您有意义。
因为
$（“#first”）.val（）返回当前选择的值，而不是未来的值。因此，当您调用
$（“#first”）时，请选择2（）并尝试检索当前所选值的值

但是当您调用
$（“#first”）.val（）时
在click事件中，每次单击
#clickIt
然后单击
$（“#first”）.val（）并返回新选择的值

我希望这对你有意义

<button id="clickIt">click</button>

<p>SELECT NUMBER</p>
<select id='first'>
<option value='1'>First</option>
<option value='2'>Second</option>
<option value='3'>three</option>
</select>
<p id="set1"></p>

$(document).ready(function(){

$("#first").select2();
//var a=$("#first").val(); // it always alert 1,so a always equals 1.
$('#clickIt').on("click",function(){

var a=$('#first').val(); // that is the resule what I want .
alert(a);

})

})