Получение текста/значения опции с помощью JavaScript

Ответ: var option_user_selection = element.options[element.selectedIndex].text

Я пытаюсь создать форму, заполняющую заказ человека.

<form name="food_select">
    <select name="maincourse" onchange="firstStep(this)">
        <option>- select -</option>
        <option text="breakfast">breakfast</option>
        <option text="lunch">lunch</option>
        <option text="dinner">dinner</option>
    </select>
</form>

То, что я пытаюсь сделать, - это отправить объект select, вытащить имя и текст/значение из меню параметров и данные в теге опций.

function firstStep(element) {
    //Grab information from input element object
    /and place them in local variables
    var select_name = element.name;
    var option_value = element.value;
}

Я могу получить имя и значение параметра, но я не могу получить текст = "или value =" " из объекта select. Мне нужен только текст/значение из меню параметров, которое выбрал пользователь. Я знаю, что могу разместить их в массиве, но это не помогает

var option_user_selection = element.options[ whatever they select ].text 

Мне также нужно использовать переданную в select ссылку, так как это описано в остальной части моего кода.

В дальнейшем этот текст/значение будет использоваться для вытягивания документа XML, который будет заполнять следующую форму выбора динамически.

Ответ 1

Вы можете использовать:

var option_user_selection = element.options[ element.selectedIndex ].text

Ответ 2

В jquery вы можете попробовать этот $("#select_id>option:selected").text()

Ответ 3

form.MySelect.options[form.MySelect.selectedIndex].value

Ответ 4

var option_user_selection = document.getElementById("maincourse").options[document.getElementById("maincourse").selectedIndex ].text