Получение параметра text / value с помощью JavaScript

Question

Ответ : 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>

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

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;
}

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

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

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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

Answer 4

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