正文

jQuery操作select下拉框的text值和value值的方法

IP云
IP云V管理员/7 阅读
10/30
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

$("#select1").find("option:selected").text();

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

$("#select1").val();

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

$("#select1").get(0).selectedIndex;

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

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

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

$("#select1").val(1);

6、jquery设置text值为"2017"的项为当前选中项

$("#select1 option[text='2017']").attr("selected",true);

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

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

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

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

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

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

10、清空select控件内容

$("#select1").empty();

11、jQuery添加/删除Select的Option项

$("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)$("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)$("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option