select下拉框

一、select下拉框

1. 下拉框select专有属性说明：
   options[]： 返回包含下拉列表中的所有选项的一个数组。
   length：返回下拉列表中的选项数目。
   multiple： 设置或返回是否选择多个选项。
   selectedIndex:设置或返回下拉列表中被选项目的索引号。

2. 添加option元素
   add(option,before)向下拉列表添加一个选项。
   –option：要添加选项元素。
   –before：插入到指定元素之前，如果该参数是null，元素添加到选项数组的末尾。
   （1）
   eg.

   //new Option(“text”,”value”,selected);
   var opt = new Option(); 
   opt.text = “”;
   opt.value = “”;
   sele.options.add(opt);  //sele.options.remove(sel.selectedIndex);
   opt.selected = true;
   

   （2）

   var op = new Option(array[i][0], array[i][0]);
   sf.appendChild(op);
   

3. 下拉框函数和事件

   • 下拉框select专有函数说明：
     blur()： 从下拉列表移开焦点。
     focus()： 在下拉列表上设置焦点。
     remove(option)： 从下拉列表中删除一个选项。
   • 下拉框select专有事件说明：
     onchange：当改变选择时调用的事件句柄。
   • option对象专有属性：
     selected：设置或返回 selected 属性的值。
     text： 设置或返回某个选项的纯文本值。