input event (select)

https://developer.mozilla.org/ja/docs/Web/Events/input

by ginpei

HTML

<select id="input">
  <option value="v1">v 1</option>
  <option value="v2">v 2</option>
  <option value="v3">v 3</option>
</select>
<div>Input: <span id="output"></span></div>
<div>Change: <span id="output2"></span></div>

JavaScript

// IE 9+
$(function() {
  var $input = $('#input');
  var $output = $('#output');
  $input.on('input', function(event) {
  	$output.text($input.val());
  });
  
  
  var $output2 = $('#output2');
  $input.on('change', function(event) {
  	$output2.text($input.val());
  });
});