<select multiple>
<option value="1">Выберите вариант 1</option>
<option value="2">Выберите вариант 2</option>
<option value="3">Выберите вариант 3</option>
</select>
Есть такой select, нужно определять текст опции при смене варианта, например при смене на "Вариант 2" будет выскакивать его "Выберите вариант 2"
console.log($(this).text());
не работает, использую select'ы от materialize
У меня идет событие $("select").on('change', function() {}); и this это кликнутый элемент, например, console.log($(this).val()); выдает правильный value
Всё что надо это брать option:selected, https://api.jquery.com/selected-selector/
$("select").on('change', function() {
// Это если селект один на странице
var selectedText = $('select option:selected' ).text();
// Для конкретного селекта, где выбираются options
//var selectedText = $('option:selected', this).text();
console.log(selectedText);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple>
<option value="1">Выберите вариант 1</option>
<option value="2">Выберите вариант 2</option>
<option value="3">Выберите вариант 3</option>
</select>
Продвижение своими сайтами как стратегия роста и независимости