Как отловить момент какой option в селекте выбран?

Question

[fronter-up]

Добрый день! Скажите пожалуйста есть ли варианты проверить который option в select-e выбран и что-то сделать со следующим элементом?
типа так

<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
<span>dffdfd</span>

option {
      &:checked {
        &:not(:first-child) + span {
          color: red;
        }
      }
    }

Спасибо!

Comments

[Максим]

fronter-up, Вам нужно css стили добавить к option'у следующему после выбранного или что-то сделать со span'ом ?

[fronter-up]

Максим, если выбран, например, первый option что-то делать со span'ом.

[Максим]

fronter-up, со спаном ничего сделать не получится, т.к. он на уровень выше option'а

[Максим]

fronter-up, с помощью js можно

Answer 1

[Сергей Свиридонов]

<form>
  <p>
    <input type="checkbox" name="newsletter" value="Hourly" checked="checked">

    <input type="checkbox" name="newsletter" value="Daily">
    <input type="checkbox" name="newsletter" value="Weekly">

    <input type="checkbox" name="newsletter" value="Monthly" checked>
    <input type="checkbox" name="newsletter" value="Yearly">
  </p>
</form>

<script>
var countChecked = function() {
  var n = $( "input:checked" ).length;
  $( "div" ).text( n + (n === 1 ? " is" : " are") + " checked!" );
};
countChecked();

$( "input[type=checkbox]" ).on( "click", countChecked );
</script>

Comments

[fronter-up]

нужно css-ом

[Сергей Свиридонов]

option:checked {
	color: red;
}

Но он не кроссбраузерный.