2014-11-12 5 views
1

HTMLКак выбран вариант с сырым JavaScript

<form> 
    <select name="select"> 
    <option value="option1">Option 1</option> 
    <option value="option2">Option 2</option> 
    </select> 
    <input type="submit" onclick="processForm(this.form)"> 
</form> 

JS

function processForm(form) { 
    console.log(form) 
} 

Я могу успешно получить форму, как HTMLElement, но не могу найти простой способ, чтобы получить выбранное значение

+0

Что вы хотите сделать с формой? Вам нужны только значения или вы хотите отправить их на сервер в качестве метода POST? – inoabrian

+0

есть атрибут selectIndex. – GeekByDesign

+0

Возможный дубликат [Получить выбранное значение в раскрывающемся списке с использованием JavaScript?] (Http://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript) – totymedli

ответ

3

Поскольку вы отправляете объект формы непосредственно на отправку, получение данных легко в vanilla JS. Измените функцию:

function processForm(form) { 
    var selected = form.select 
    console.log(selected.value) 
} 

Обратите внимание, что select не какое-то особое свойство формы, это просто потому, что это то, что вы дали имя атрибута для выбора элемента.

+0

Perfect !! Спасибо –

+0

Я бы изменил ваш HTML, чтобы дать '

Смежные вопросы