学步园

示例

下面的例子使用 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;