L'évènement change

L'évènement change sur une balise select / Frederic LOSSIGNOL

by Frederic Lossignol

HTML

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<select>
  <option value=''>Selectionnez un choix</option>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
</select>

<p>
Valeur selectionnée : <span></span>
</p>

JavaScript

/*
La liste des évènements 
| MouseEvent | FocusEvent |  TouchEvent | DragEvent | KeyboardEvent |
|:----------:|:----------:|:-----------:|:---------:|:-------------:|
|    click   |    focus   |  touchstart |    drag   |    keypress   |
|   mouseup  |    blur    |  touchmove  |    drop   |     keyup     |
| mouseleave |   focusin  | touchcancel |  dragend  |    keydown    |
|  mouseover |  focusout  |   touchend  |  dragover |               |

l'API EVENT en Javascript
https://developer.mozilla.org/en-US/docs/Web/API/Event
*/

$('select').on('change', function() {
	$('span').text( $(this).val() )
});