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

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

使用JavaScript 從下拉清單或選取方塊中存取所選值是一項常見任務網絡開發。所選值提供了處理表單和與使用者互動的關鍵資訊。

要擷取所選值，我們可以利用 的 value 屬性。元素。此屬性代表使用者目前選擇的選項。

讓我們用一個範例來示範這一點：

<form>
  <select>

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

在此範例中，變數e 引用了 ;元素，e.value 擷取所選值，在本例中為「2」。

此外，您還可以使用以下方式取得與所選選項關聯的文字：

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

此程式碼將所選選項的文字內容指派給文字選項的文字內容指派給文字變數。

互動式範例：

[範例](interactive-example-code)

此範例可讓您從下拉清單中選擇選項，下拉清單中選擇選項，下拉清單並將所選值和文字記錄到控制台您的參考。

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