HTML option value用法及代碼示例

HTML中<option>標記的value屬性用於指定option元素的值。

用法:

<option value = "value">

屬性值：它包含必須發送到服務器的單個值。

Example:此示例說明了選項標簽中的value屬性。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>HTML option value Attribute</title> 
    </head> 
      
    <body style = "text-align:center"> 
          
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1> 
          
        <h2> 
            HTML option value Attribute 
        </h2> 
          
        Sorting Algorithms:
        <select id="opt"> 
            <option value="quick">Quick sort</option> 
            <option value="merge">Merge sort</option> 
            <option value="insertion">Insertion sort</option> 
        </select> 
          
        <button type="button" onclick="geek()"> 
            Click me! 
        </button> 
          
        <p id = "p"></p> 
          
        <script> 
            function geek() { 
                var x = document.getElementById("opt").selectedIndex; 
                var y = document.getElementsByTagName("option")[x].value; 
                document.getElementById("p").innerHTML = "The selected"  
                + " option has value equals " + y + "."; 
            } 
        </script> 
    </body> 
</html>

輸出：
在單擊按鈕之前：
optionvalue
單擊按鈕後：

支持的瀏覽器：選項標簽中的value屬性支持的瀏覽器如下所示：

蘋果Safari
穀歌瀏覽器
Firefox
Opera
IE瀏覽器

相關用法

注：本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 HTML | option value Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。