HTML | DOM 选项值 属性

HTML DOM 中的Option value 属性用于设置或返回 元素的值。提交表单时，该值将发送到服务器。此属性包含发送到服务器的值文本。

句法：

• 它返回选项值属性。

  optionObject.value 

• 它用于设置选项值属性。

  optionObject.value = value 

  属性值：它包含单个属性值value 。此属性包含发送到服务器的值文本。

  返回值：它返回一个字符串值，表示发送到服务器的文本值。

  示例 1：此示例说明如何返回 Option 值属性。

   
   
        
   
      
          HTML DOM Option Value Property
       
   
    
  
            
      
          GeeksforGeeks
       
        
      DOM Option value Property 
            
      
       
          Merge Sort 
          Bubble Sort 
          Insertion Sort
          Quick Sort 
      
            
      
        
      
          Submit
      
        
      
            
      
      
          function myGeeks() {
              var ind = document.getElementById("GFG").selectedIndex;
              var opt = document.getElementsByTagName("option")[ind].value;
              document.getElementById("sudo").innerHTML = opt;
          }
      
   
    
                      

  输出：
  在点击按钮之前::
  
  点击按钮后：
  

  示例 2：此示例说明如何设置 Option 值属性。

   
   
    
   
      
          HTML DOM Option Value Property
       
   
    
  
            
      
          GeeksforGeeks
       
        
      DOM Option value Property 
            
      
       
          Merge Sort 
          Bubble Sort 
          Insertion Sort
          Quick Sort 
      
        
      
        
      
          Submit
      
        
      
        
      
      
          function myGeeks() {
              document.getElementById("GFG").value = "Heap";
                
              document.getElementById("sudo").innerHTML
                  = "The value of the value attribute has "
                  + "been changed from 'merge' to 'Heap' ";
          }
      
   
    
                      

  输出：
  点击按钮前：
  
  点击按钮后：
  

  支持的浏览器： DOM Option 值属性支持的浏览器如下：

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器