JQuery获取select选中值和清除选中状态(转)
1、获取值
var provinceSearch = $("#loc_province_search").find("option:selected").attr("lang");//获取下拉列表选中值
var citySearch = $("#loc_city_search").find("option:selected").attr("lang");//获取下拉列表选中值
var townSearch = $("#loc_town_search").find("option:selected").attr("lang");//获取下拉列表选中值
var linkMan = $('.customer_input_contact').val();//获取输入框内的值
var customerLevel = $(".txt_classification").attr("lang");//获取下拉列表的lang属性值
var customerTrade = $(".txt_industry").attr("lang");//获取下拉列表的lang属性值
var customerClass = $(".txt_segmentation").attr("lang");//获取下拉列表的lang属性值
var busi_statusType = $(".customer_busi_status2").attr("lang");//获取下拉列表的lang属性值
2、详解
<select id="test">
<option value="1">选项一<option>
<option value="2">选项一<option>
...
<option value="n">选项N<option>
</select>
//获取第一个option的值
$('#test option:first').val(); //最后一个option的值
$('#test option:last').val(); //获取第二个option的值
$('#test option:eq(1)').val(); //获取选中的值
$('#test').val();
$('#test option:selected').val(); //设置值为2的option为选中状态
$('#test').attr('value','2'); //设置最后一个option为选中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val()); //获取select的长度
$('#test option').length; //添加一个option
$("#test").append("<option value='n+1'>第N+1项</option>");
$("<option value='n+1'>第N+1项</option>").appendTo("#test"); //添除选中项
$('#test option:selected').remove(); //删除项选中(这里删除第一项)
$('#test option:first').remove();、 //指定值被删除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove(); //获取第一个Group的标签
$('#test optgroup:eq(0)').attr('label'); //获取第二group下面第一个option的值
$('#test optgroup:eq(1) : option:eq(0)').val();
参考:
http://blog.csdn.net/wojiaohuangyu/article/details/53608648(以上内容部分转自此篇文章)
https://zhidao.baidu.com/question/754549135121148324.html(以上内容大部分转自此篇文章)
JQuery获取select选中值和清除选中状态(转)的更多相关文章
- jquery操作select(取值,设置选中)
最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></ ...
- jquery操作select(取值,设置选中) 基础
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...
- jquery操作select(取值,设置选中
比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector" ...
- jquery操作select(取值,设置选中)[转]
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...
- jquery操作select(取值,设置选中)(转)
http://www.cnblogs.com/liaojie970/p/5210541.html 比如<select class="selector"></sel ...
- [转] jquery操作select(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select&g ...
- 使用jquery获取radio的值
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: ...
- Jquery获取select选中的文本与值
jquery获取select选择的文本与值获取select :获取select 选中的 text : $("#ddlregtype").find("option:s ...
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性
语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var chec ...
随机推荐
- css样式之vertical-align垂直居中的应用
css样式之vertical-align垂直居中的应用:将图片垂直左右居中 元素垂直居中 1:必须给容器父元素加上text-align:center 2:必须给当前元素转换成行内块元素,display ...
- cmd执行Java程序
先创建一个文本,里面内容为 public class hello{ public static void main(String[] arg) { System.out.println("H ...
- vue 中展示PDF内容
vue 中展示PDF内容 不久前有个需要改的需求,以前是直接根据链接让用户下载对应pdf文件来查看,最主要是给用户查看,然而这种并不是很安全的,其他用户可以进行下载或者使用pdf链接分享给其他人,所以 ...
- ionic start 又一次的出错
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\ ...
- JS——缓动动画
核心思想: (1)相对于匀速移动,盒子每次移动的步长都是变化的,公式:盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10 (2)在盒子位置与目标距离小于10px时,其步长必然是小数,又由于off ...
- jdbc 使用谨记
jdbc是java操作数据库的杀手锏.所有java程序员,对jdbc应该都不陌生. 但是,应该你也曾经被其折磨的抓耳挠腮,咬牙切齿吧,也许正因为这样你才对其记忆犹新,刻骨铭心. 这里有一些使用jdbc ...
- Python语言之变量1(数值,字符串,布尔)
1.数值 整数:2, -2 长整数:2**1024, 2**2048(真的可以很~长~~~,手残算了个2**100000,IDLE还真给打出来了,ORZ) 浮点数:7.05, 1E2(100.0), ...
- CAD类型转换
AcDbEntity *pEnt; AcDbCircle *pcir = AcDbCircle::cast(pEnt); static_cast<AcDbCircle*>(pEnt); p ...
- 图像处理中创建CDib类时无法选择基类类型时怎么办
图像处理中创建CDib类时无法选择基类类型时怎么办? 类的类型选择Generic Class 在下面的篮筐里输入CObject就行了
- 微信小程序animation
wxml <view class="background" animation="{{rotateData}}"> </view>< ...