HTML Combo Box selected Значение элемента

Question

Im пытается сделать этот комбинированный блок HTML равным значению.

<select name="file_type"> <option value=".jpg">.JPG</option> <option value=".png">.PNG</option> <option value=".gif">.GIF</option> </select>

Так что, когда я выбираю JPG на моей веб-странице, то это значит, что file_type = .jpg? Я бы так подумал.

Итак им пытаются назвать это значение из JavaScript, например, так:

var fileType = document.getElementByID("file_type").value;

является то, что, как это делается? Как еще я могу получить значение выбранного элемента в поле со списком?

С уважением

Answer 1

Первый элемент управления не имеет ID набор атрибутов только имя, вам нужно добавить идентификатор в HTML

<select id="file_type" name="file_type" > 

Тогда путь вы получите выбранный из комбо, как:

var selectCtrl = document.getElementById("file_type"); 
var selectedItem = selectCtrl.options[selectCtrl.selectedIndex]; 

Это selectedItem имеет к свойствам value и текст:

selectedItem.value //<-- ".jpg" 

и

selectedItem.text //<-- ".JPG" 

Online Demo