摘要:
下文讲述select对象之add()方法的功能简介说明,如下所示:
select对象之add()方法简介说明
select对象之add()方法的功能:
向一个select对象添加下拉选项
select对象之add()方法的语法:
selectObject.add(option,before)
———参数说明——
selectObject:
此参数为待添加选项的select对象
option:必需,要添加选项元素;option或optgroup元素。
before:必需, 设置下拉项的添加位置,当此参数输入null时,则在下拉项的末尾添加option信息
select对象之 add()方法注意事项:
select 对象 add方法目前支持所有浏览器
select对象之 add()方法 获取举例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.maomao365.com/" /> <title>猫猫教程(www.maomao365.com) ---select对象之add方法举例说明 </title> <script type="text/javascript"> window.onload=function(){ let oSelect=document.getElementById("ddlSelect"); //创建一个option元素 var newoption1=document.createElement("option"); newoption1.text="猫猫教程---5"; newoption1.value=5; //将option元素插入到下拉框尾部 oSelect.add(newoption1,null); //创建一个option元素 var newoption2=document.createElement("option"); newoption2.text="猫猫教程---6"; newoption2.value=6; //将option元素插入到第三个下拉元素的前面 oSelect.add(newoption2,oSelect.options[2]); } </script> </head> <body> <p>maomao365.com <br /> select 对象之add方法举例演示 </p> <select id="ddlSelect" > <option value="1">猫猫教程---1</option> <option value="2">猫猫教程---2</option> <option value="3">猫猫教程---3</option> <option value="4">猫猫教程---4</option> </select> </body> </html>