jQuery 操作下拉列表框

jQuery 操作下拉列表框

< select  name ="select1"  id ="select1"  size ="10" >
　　< option  value ="1" > Option1 </ option >
　　< option  valeu ="2" > Option2 </ option >
　　< option  value ="3" > Option3 </ option >
　　< option  value ="4" > Option4 </ option >
</ select >

1. 取得jQuery对象

obj  =  $( ' #select1 ' );

2. 取得Options 的长度

len  =  $( ' #select1 option ' ).length

3. 遍历option

for  ( var  i  =   0 ; i  <  len; i ++ ) {
　　option_value  =  obj[ 0 ].options[i].value;
　　option_text  =  obj[ 0 ].options[i].text;
}

4. 取得所选值

obj_value  =  $( ' #select1 ' ).val();

5. 取得所选值对应的text

obj_text  =  obj[ 0 ].options[obj[ 0 ].selectedIndex].text;

6. 添加一个option

obj.append( ' <option value="5">Option5</option> ' );

7. 删除一个option

$( ' #select1 option[value="1"] ' ).remove();