HTML | DOM 选择添加方法

Select add()方法用于在下拉列表中添加选项。 Select add()方法接受索引号作为在所需位置添加新选项的参数。

句法：

selectObject.add(option, index)

属性值：

• option：这是一个强制参数，用于指定选项或 optgroup 元素。
• index：它是一个可选参数，用于指定新选项元素的索引位置。

下面的程序说明了 Select 添加方法：

1、在下拉列表的索引位置“1”增加“面试准备”课程。

输入：

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

   
GeeksforGeeks 
Select add Method
  
Select your preferred course from the drop-down list:
  

  c++
  Placement
  Java
  Python

  
To add a course titled "Interview Preparation" in the 
dropdown list, double-click the "Add" button.
  
Add
   

   
function My_list() 
{
   var d = document.getElementById("myCourses");
   var option = document.createElement("option");
   option.text = "Interview";
   d.add(option, d[1])
}
   

   

                                        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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