jQuery获取Select选择的Text和Value:
语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery设置Select选择的Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项:
语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//遍历一组select,并设置选中值
$("div:first select").each(function(){
$("div:first select option[value='0']").attr("selected", true);
});
//取得下拉选单的选取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
相关推荐
jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器
jquery双向选择器两侧select框列表文字左右选择器代码
A_jquery+select框图片选择器点击图片给表单select框赋值Java实用源码整理learns
A_jquery+select框图片选择器点击图片给表单select框赋值分享源码学习a(密码:http://hao.360.cn/?src=lm&ls=n527fd66b97)
网页应用中,多个select之间级联刷新是很常见的一个需求,本插件充份运用jquery强大的脚本功能,并运用json实现数据交互,实现了select无限级联的功能,接口调用简洁,刷新功能配置灵活,参数强大, 支持select元素...
jQuery Country Select 是 jQuery 的“国家/地区选择器/选择器”插件,它使用所有可用国家/地区填充选择下拉列表并确保选择正确的值。 该插件在不进行任何样式更改的情况下填充下拉列表,使其与大多数任何 UI 样式...
,默认一个input输入框,点击后下拉框可以快速选择今天,或者过去七天、过去一年时间、上个月时间等快捷选择方式,或者弹出日历选择器提供选择
个是select版的,若想美化某些样式是不支持得,大家可以使用div模拟版,下面小编给大家介绍下jQuery双向列表选择器select版,感兴趣的朋友一起看看吧
经过美化的select选择器,简洁方便,值得下载。
A_jquery+select框图片选择器点击图片给表单select框赋值源码整理(密码:https://hao.360.cn/?src=lm&ls=n527fd66b97)
今天刚弄好一个双向选择器,挺好用的。 分享于此 下载即可使用。
1、使用文件:Jquery.min.js,Jquery.timeselect.js; 2、根据选择器的位置自动在下方出现; 3、可以稍修改代码中的位置,直接在选择器位置显示; 4、详情请参考www.czou.com中时间选择器。
一个基于jQuery 实现的jSelectDate 下拉日期选择器插件源码
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var...
jquery.search.select jQuery 选择元素过滤器 $ ( '#select' ) . selectFilter ( '#searchBox' ) ;
基于jquery的美化select插件,主要方便在不改动项目的情况下,美化select,也可以解决兼容性。
强大的jquery下拉框插件 ...使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容:IE8+、Chrome、Firefox等
Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写...
本文实例讲述了jquery操作select常见方法。分享给大家供大家参考,具体如下: 在前段HTML页面设计中select 下拉框,或者 在 multiple=”multiple” 时,表现为列表。经常会在页面上对其进行操作,这些操作不外乎: 1...