<select>, вы можете использовать следующий JavaScript код: javascript function getSelectedLabel(selectId) { var selectElement = document.getElementById(selectId); if (!selectElement || !selectElement.options) return null; var selectedOption = selectElement.options[selectElement.selectedIndex]; return selectedOption ? selectedOption.text : null; } // Пример использования var selectId = 'mySelect'; console.log(getSelectedLabel(selectId)); Этот код определяет функцию getSelectedLabel(), которая принимает ID селект-элемента и возвращает текст выбранной опции. Если селект-элемент не найден или нет выбранной опции, функция вернет null.

Как получить выбранный label в select-элементе при использовании Vue 3, если до сих пор можно было получить только value?

Для получения выбранного label, вы можете использовать следующий подход:

<select v-model="selectedValue">
    <option v-for="item in options" :value="item.value">{{ item.label }}</option>
</select>

<script setup>
import { ref } from 'vue';

const options = [
    { value: '1', label: 'Параметр 1' },
    { value: '2', label: 'Параметр 2' }
];

const selectedValue = ref('1');

function getSelectedLabel() {
    return options.find(option => option.value === selectedValue.value)?.label;
}

console.log(getSelectedLabel());
</script>
</body>

В этом примере options — это массив объектов, каждый из которых имеет свойства value и label. Выбранный value хранится в реактивной переменной selectedValue.

Функция getSelectedLabel() используется для поиска соответствия между выбранным значением и опциями, чтобы вернуть соответствующий label.

Этот метод позволяет вам легко получать метку выбранного значения в вашем компоненте Vue 3.