如何使用 JavaScript 從下拉清單中取得選定的值和文字？

使用 JavaScript 從下拉清單中取得所選值

從下拉清單中選擇值是 Web 開發中常見的任務。 JavaScript 提供了一種使用 的 value 屬性來擷取所選值的簡單方法。

考慮以下下拉清單：

<form>
  <select>

要取得所選值，只需使用下列JavaScript 程式碼：

var e = document.getElementById("ddlViewBy");
var value = e.value;

這將指派值將選取選項（例如“2”）加入到值變數中。

除了值之外，您還可以擷取所選選項中顯示的文字：

var text = e.options[e.selectedIndex].text;

這會將所選選項的文字（例如「test2」）指派給文字變量。

透過利用這些技術，您可以輕鬆地從 JavaScript 中的下拉清單中檢索選定的值和文字。

以上是如何使用 JavaScript 從下拉清單中取得選定的值和文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！