如何使用jQuery檢查所選選項的更改？

Question

我想存儲所選選項的值，並在用戶每次改變主意時更改它。我使用了類似$（'＃selections'）。val（）的函數，但是首先收到未定義的值，並且在某些選項被選中時沒有任何事情發生。

<select id="selections"> 
       <option value="0">None</option> 
       <option value="1">1</option> 
       <option value="2">2</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="8">8</option> 
       <option value="9">9</option> 
       <option value="10">10</option> 
       </select> 

Answer 1

$("#selections").on('click', function() { 
 
     var value = $(this).val(); 
 
     alert(value); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="selections"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
</select>

$("#selections").on("change", function() { 
    var value = $(this).val(); 
});