HTML組合框選擇項目的值

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"

在線演示