您的位置：首页 > Web前端 > JQuery

jQuery操作select下拉框的方法

2014-05-31 14:43 375 查看
 

1、jquery获取当前选中select的text值

var
checkText=$(
"#slc1"
).find(
"option:selected"
).text();


 

 

2、jquery获取当前选中select的value值

var
checkValue=$(
"#slc1"
).val();


 

 

3、jquery获取当前选中select的索引值

var
index=$(
"#slc1 "
).get(0).selectedIndex;


 

 


4、jquery设置索引值为1的项为当前选中项

$(
"#slc1 "
).get(0).selectedIndex=1;


 

 

5、jquery设置value值2的项为当前选中项

$(
"#slc1 "
).val(2);


 

 

6、jquery设置text值为"青藤园"的项为当前选中项

$(
"#slc1 option[text='青园w']"
).attr(
"selected"
,
true
);


 

 

7、为指定select下拉框追加一个option（追加到在末尾）

$(
"#slc2"
).append(
""
+i+
""
);


 

 

8、为制定select下拉框插入一个option（插入到第一个位置）

$(
"#slc2"
).prepend(
"请选择"
);


 

 

9、jquery删除select下拉框的最后一个option

$(
"#slc2 option:last"
).remove();


 

 

参考资料：    jQuery如何操作下拉框select     http://www.studyofnet.com/news/459.html 
 
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                jQuery
                                                下拉框
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航