jQuery addClass example

Change class name on click in jQuery

by Tommy

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<label for="speed">Select a speed:</label>
<select name="speed" id="speed">
  <option selected value="menu">Menu</option>
  <option value="Slower">Slower</option>
  <option value="Slow">Slow</option>
  <option value="Medium">Medium</option>
  <option value="Fast">Fast</option>
  <option value="Faster">Faster</option>
</select>

JavaScript

$('#speed').selectmenu({
	select: function(e, ui){
		console.log('item value', ui.item.value);
    e.target.value = 'menu';
    $('#speed').selectmenu('refresh');
  }
})