HTML | DOM 选择值属性

Select value 属性用于设置或返回下拉列表中所选选项的值。
如果下拉列表允许多选，则 Select value 属性返回第一个选定的选项，否则，如果没有选定的选项，则不返回任何内容。

句法：
返回 value 属性：

selectObject.value

用于设置 value 属性：

selectObject.value = value

属性值

• value：它用于指定应该被选中的下拉列表中的元素的值。

下面的程序说明了 Select value 属性：
示例：将所选课程更改为“Python”。

  

    
      Select value Property in HTML
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    
      GeeksforGeeks
  
    
      Select value Property
  
     
  Select your preferred course from the drop-down list:
    
  
    
        c++
        Placement
        Java
        Python
    
  
    
      To return a selected course from the dropdown list,
      double-click the "Select" button.
  
  
    
      Select
  
  
    
        function My_list() {
            document.getElementById(
              "myCourses").value = "Python";
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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