使用JavaScript操作Select控件

使用JavaScript操作Select控件

1.Select控件在页面上的写法：

< select  id ="monthSelectCbo" >
     < option  value ="01" > 01 </ option >
     < option  value ="02" > 02 </ option >
     < option  value ="03" > 03 </ option >
     < option  value ="04" > 04 </ option >
     < option  value ="05" > 05 </ option >
</ select >

2.设定select控件的当前项：

可以用：
$( " monthSelectCbo " ).value = month;
也可以用：
$( " monthSelectCbo " ).selectedIndex = 1 ;

3.取得select控件的当前内容：

var  month =  $( " monthSelectCbo " ).value; 

4.取得select空间选择项的序号：

var  selIndex = $( " monthSelectCbo " ).selectedIndex;

5.清除select控件的所有原有值：

var  myListbox = $( " belongToCompanyCbo " );

for ( var  i = myListbox.options.length - 1 ;i >= 0 ;i -- ){
    myListbox.remove(i);
}

6.使用JavaScript给Select控件设定值:

var  newOption = new  Option;
newOption.value = " Beijing " ;
newOption.text = " 北京 " ;
monthSelectCbo.add(newOption);