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

简介: 1、jquery获取当前选中select的text值$("#select1").find("option:selected").text(); 2、jquery获取当前选中select的value值 $("#select1").

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

 

目录
相关文章
|
29天前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
16 1
|
29天前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
8 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
20 1
|
15天前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
3月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
N..
|
25天前
|
JavaScript 前端开发 容器
jQuery中的DOM操作
jQuery中的DOM操作
N..
13 1
|
29天前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
9 0
|
29天前
|
JavaScript
jQuery操作DOM元素案例
jQuery操作DOM元素案例
10 0