jQuery("#select_id").change(function(){}); //
1.为Select添加事件,当选择其中一项时触发
var checkValue = jQuery("#select_id").val(); //
2.获取Select选中项的Value
var checkText = jQuery("#select_id :selected").text(); //
3.获取Select选中项的Text
var checkIndex = jQuery("#select_id").attr("selectedIndex");//
4.获取Select选中项的索引值,
或者:jQuery("#select_id").get(0).selectedIndex;
var maxIndex = jQuery("#select_id :last").attr("index");
// 5.获取Select最大的索引值,
或者:jQuery("#select_id :last").get(0).index;
jQuery("#select_id").get(0).selectedIndex = 1; //
1.设置Select索引值为1的项选中
jQuery("#select_id").val(4); //
2.设置Select的Value值为4的项选中
$("#select_id").attr("value","Normal“);
$("#select_id").get(0).value = value;
//根据select的显示值来为select设值
var count=$("#select_id").get(0).options.length;
for(var i=0;i<count;i++){
if($("#select_id").get(0).options[i].text == text)
{
$("#select_id").get(0).options[i].selected = true;
break;
}
}
jQuery("#select_id").append("<option
value='新增'>新增option</option>");
// 1.为Select追加一个Option(下拉项)
jQuery("#select_id").prepend("<option
value='请选择'>请选择</option>");
// 2.为Select插入一个Option(第一个位置)
jQuery("#select_id").get(0).remove(1); //
3.删除Select中索引值为1的Option(第二个)
jQuery("#select_id :last").remove(); //
4.删除Select中索引值最大Option(最后一个)
jQuery("#select_id [value='3']").remove(); //
5.删除Select中Value='3'的Option
jQuery("#select_id").empty(); // 6.清空下拉列表
分享到:
相关推荐
举例说明如何通过JQuery操作select
本篇文章是关于jQuery对select的操作进行了总结介绍,需要的朋友可以参考下
NULL 博文链接:https://effort-fan.iteye.com/blog/1214681
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
JQuery对select的操作(01).zip 欢迎下载!
本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助
Jquery中对下拉框的操作 包括选中 赋值等
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。
这是一款select下拉框的效果主要是运用jquery.select.js插件进行操作的非常简便易用
四处搜刮了jquery对select操作的代码,汇集一下,方便以后查看。日历天数变化代码为原创。> [增]: 代码如下: $(“#select_id”).append(“’Value’>Text”); //为Select追加一个Option(下拉项) $(“#select_id”...
JQuery获取和设置Select选项方法汇总如下: 代码: 代码如下:$(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发var checkText=$(“#select_id”).find(“option:...
在jQuery基础上,美化select,自定义函数,不影响原先取值和增删改的操作
jquery 对select 的操作
jquery操作Radio、Checkbox、Select详细Demo
Jquery Select操作方法集合脚本之家特别版
下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示: select的html标签如下: <select class=xxx id=yyy><option></option>...<option></option></select> 1.设置value为“lll...
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
jQuery Air 用户管理界面应用插件,类似于我们以前讲到的jquery select的操作例子,点上面的all复选框后,下面的选项即可进行操作并保存。由于是在国外网站获取的源码,界面没有汉化,所以只能给大家一个灵感,学习...