jQuery addClass example

Change class name on click in jQuery

by Noir Noir

HTML

<select size="5" name="first" required>
  <option value="1">В очереди</option>
  <option value="2">В работе</option>
  <option value="3">На тесте</option>
  <option value="4">Выполнено</option>
  <option value="5">На сопровождении</option>
</select>
<select size="9" name="second">
  <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>
</select>

JavaScript

handleSelect();

$(document).on('change', 'select[name=first]', function(){
	handleSelect();
});

function handleSelect() {
	var value = $('select[name=first]').val(),
  		second = $('select[name=second]');
  switch(value) {
  	case '1':
    	second.attr('style', 'background: green');
    	break;
    case '2':
    	second.attr('style', 'background: yellow');
    	break;
    case '3':
    	second.attr('style', 'background: red');
    	break;
  }
}