HTML Combo Box选择了Item的值

Question

我试图让这个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属性设置名称，因此您需要将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