如何使用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(); 
});