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(); 
});