當您將學習如何創建 Web 表單時,最常見的任務之一是從下拉菜單中獲取值。在本文中,我們將學習如何使用 JavaScript 獲取這些值。
讓我們快速了解如何使用 HTML 創建下拉元素。如果您迷路了,請關注我的 Codepen 。
要構建我們的下拉元素,我們需要使用 select
並使用嵌套在下面的 選項子項。選擇元素創建下拉菜單,並使用選項標籤在下拉菜單中設置這些選項。
讓我們創建一個我們最喜歡的水果(帶有表情符號)的下拉菜單。
我們添加了一個空的 h2,稍後我們將用 JavaScript 填充。此時可以選擇自己喜歡的水果:
 100vw, 149px )