（推荐）对下拉列表select的一些操作

示例

下面的例子使用 SELECT 元素创建了一个下拉列表框。

< SELECT  NAME ="Cats"  SIZE ="1" >
    < OPTION  VALUE ="1" > Calico
    < OPTION  VALUE ="2" > Tortie
    < OPTION  VALUE ="3"  SELECTED > Siamese
</ SELECT >

下面的例子使用 select 元素创建了多项选择列表框，方法是设置了 SIZE 和 MULTIPLE 标签属性。要获得多项选择列表框的选中选项，则必须遍历 options 集合并检查 SELECTED 是否被设为 true。

< SELECT  ID ="oSelect"  NAME ="Cars"  SIZE ="3"  MULTIPLE >
    < OPTION  VALUE ="1"  SELECTED > 宝马
    < OPTION  VALUE ="2" > 保时捷
    < OPTION  VALUE ="3"  SELECTED > 奔驰
</ SELECT >

 

下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。

< SCRIPT LANGUAGE = " JScript " >  
    var  oOption  =  document.createElement( " OPTION " ); 
   oOption.text = " 法拉利 " ; 
   oOption.value = " 4 " ; 
   oSelect.add(oOption);
< / SCRIPT>

=========================================================================================
1、使某项被选中：

  if (thematicName != "" )    
  {              
      for ( var  i = 0 ;i < ddluserColumn.options.length;i ++ )    
      {             
          if (ddluserColumn.options[i].text == thematicName)       
         {                     
           // ddluserColumn.options[i].Selected=true;//这行表达式错误      
            ddluserColumn.selectedIndex = i;      // 这行正确        
             break ;                  
         }              
      }      
  } 

2、获取被选中项的值：

ddluserColumnSelectedValue.value = ddluserColumn.options[ddluserColumn.selectedIndex].value;