Чтобы взять индекс активного HTML option:
JavaScript
var index = $("#myColors").prop('selectedIndex');
Чтобы взять значение активного HTML option:
JavaScript
var value = $("#myColors").val();
Html
<html>
<!-- заголовок -->
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<!-- страница -->
<body>
<!-- подключаем библиотеку jQuery -->
<script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>
<!-- HTML элементы -->
<select id='myColors'>
<option value='10'>Красный</optoin>
<option value='20'>Зеленый</option>
<option value='30'>Синий</option>
</select>
<input type='button' value='Показать значение, индекс' onclick='showValue()'>
<!-- JavaScript -->
<script>
function showValue()
{
var elemSelect = $("#myColors");
// значение активного HTML option
var value = elemSelect.val();
// индекс активного HTML option
var index = elemSelect.prop('selectedIndex');
// Показываем на экране
alert("значение=" + value + " , индекс=" + index);
}
</script>
</body>
</html>
Пример смотрим, тестируем
Выберите опцию, нажмите на кнопку и увидите информацию
Афишу
Ваши Отзывы ... комментарии ...