selectedindex(HTML select selectedIndex實例講解)

HTML select元素的selectedIndex屬性用于設置或獲取被選中選項的索引。選項的索引從0開始,表示第一個選項,依次遞增。

以下是一個使用selectedIndex屬性的示例:

<select id="mySelect">  <option value="apple">蘋果</option>  <option value="banana">香蕉</option>  <option value="orange">橙子</option></select><button onclick="getSelectedIndex()">獲取選中索引</button><script>function getSelectedIndex() {  var selectElement = document.getElementById("mySelect");  var selectedIndex = selectElement.selectedIndex;    alert("選中索引為:" + selectedIndex);}</script>

在上面的示例中,我們定義了一個包含三個選項的選擇框,并給每個選項指定了一個值。然后,我們定義了一個按鈕,當點擊按鈕時,調用了getSelectedIndex()函數。

在getSelectedIndex()函數中,我們先獲取了id為"mySelect"的選擇框元素,并將其賦值給selectElement變量。然后,我們使用selectedIndex屬性獲取了選中選項的索引,并將其賦值給selectedIndex變量。

最后,我們使用alert()函數彈出一個對話框,顯示選中索引的值。

當我們點擊按鈕時,彈出的對話框將顯示當前選中選項的索引。假設我們選擇了"香蕉"選項,那么彈出的對話框將顯示"選中索引為:1"。