Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)

1. 获取选中项:

  1. 获取选中项的Value值:
  2. $('select#sel option:selected').val();
  3. 或者
  4. $('select#sel').find('option:selected').val();
  5. 获取选中项的Text值:
  6. $('select#seloption:selected').text();
  7. 或者
  8. $('select#sel').find('option:selected').text();

2. 获取当前选中项的索引值:

  1. $('select#sel').get(0).selectedIndex;

3. 获取当前option的最大索引值:

  1. $('select#sel option:last').attr("index")

4. 获取DropdownList的长度:

  1. $('select#sel')[0].options.length;
  2. 或者
  3. $('select#sel').get(0).options.length;

5. 设置第一个option为选中值:

  1. $('select#sel option:first').attr('selected','true')
  2. 或者
  3. $('select#sel')[0].selectedIndex = 0;

6. 设置最后一个option为选中值:

  1. $('select#sel option:last).attr('selected','true')

7. 根据索引值设置任意一个option为选中值:

  1. $('select#sel')[0].selectedIndex =索引值;索引值=0,1,2....

8. 设置Value=4 的option为选中值:

  1. $('select#sel').attr('value','4');
  2. 或者
  3. $("select#sel option[value='4']").attr('selected', 'true');

9. 删除Value=3的option:

  1. $("select#sel option[value='3']").remove();

10.删除第几个option:

  1. $(" select#sel option ").eq(索引值).remove();索引值=0,1,2....
  2. 如删除第3个Radio:
  3. $(" select#sel option ").eq(2).remove();

11.删除第一个option:

  1. $(" select#sel option ").eq(0).remove();
  2. 或者
  3. $("select#sel option:first").remove();

12. 删除最后一个option:

  1. $("select#sel option:last").remove();

13. 删除dropdownlist:

  1. $("select#sel").remove();

14.在select后面添加一个option:

  1. $("select#sel").append("f");

15. 在select前面添加一个option:

  1. $("select#sel").prepend("0");

16. 遍历option:

  1. $(' select#sel option ').each(function (index, domEle) {
  2. //写入代码
  3. });

Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)的更多相关文章

  1. Jquery操作下拉框(DropDownList)实现取值赋值

    Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...

  2. Jquery操作复选框(CheckBox)的取值赋值实现代码

    赋值 复选框 CheckBox 遍历 取值  1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $(&q ...

  3. jQuery操作下拉框的text值和val值

    jQuery操作下拉框的text值和val值 1,JS源码 <select name="select1" id="select1" style=" ...

  4. JQuery操作下拉框 select

    要实现这种效果: html代码 1<script src="js/jquery-1.7.2.min.js"></script> 2 <table> ...

  5. JQuery操作下拉框

    转载自下面的链接,很有用的. http://www.cnblogs.com/yrhua/archive/2012/11/04/2753571.html 要实现这种效果: HTML代码 <scri ...

  6. jquery获取下拉框中的循环值

    <select class="test" id="projectno" name="projectno"> <option ...

  7. Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox. Radiobutton . DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的 ...

  8. jQuery对下拉框Select操作总结

    jQuery对下拉框Select操作总结 转自网络,留做备用 jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change( ...

  9. jquery对下拉框的操作

     jQuery对下拉框的操作 /获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').v ...

随机推荐

  1. 工作vs.学�

    近一两年来,我先后对[工作与学习]的复杂过程有过多次的头脑风暴,而且感觉在这方面略有所成(看这里和这里):当然既然仅仅是头脑风暴,所谓的所成也仅仅是一些粗糙的想法,一些没有实证过的如果,算是积累而已, ...

  2. objective-c对NSArray的学习

    转自:http://gekie.iteye.com/blog/1086256 NSARRAY简单的使用 定义数组,遍历数组: 1 2 3 4 5 6 7 8 NSArray *array; array ...

  3. shared_ptr的简单实现

    前面讲到auto_ptr有个很大的缺陷就是所有权的转移,就是一个对象的内存块只能被一个智能指针对象所拥有.但我们有些时候希望共用那个内存块.于是C++ 11标准中有了shared_ptr这样的智能指针 ...

  4. sql 事务处理

    事务定义: 事务是单个的工作单元.如果某一事务成功,则在该事务中进行的所有数据更改均会 提交,成为数据库中的永久组成部分.如果事务遇到错误且必须取消或回滚,则所有 数据更改均被清除. 事务三种运行模式 ...

  5. 关于Android M RuntimePermission的问题

    关于shouldShowRequestPermissionRationale的理解, 在onRequestPermissionsResult里如果用户拒绝了权限, 可以调用这个api, 返回true, ...

  6. Android的属性系统

    http://blog.csdn.net/jerryutscn/article/details/5519423 Android的属性系统 每条属性包含了名字和其对应的值,两者都用字符串来描述.Andr ...

  7. Linux下php安装phpredis

    说明:php安装目录:/usr/local/php5php.ini配置文件路径:/usr/local/php5/etc/php.iniNginx安装目录:/usr/local/nginxNginx网站 ...

  8. Android基本控件之RadioGroup

    我们在手机上经常看到一堆选项,但是我们只能选择一个,那么在Android中,这个控件就叫做RadioButton,也就是单选按钮的意思,他们之所以能够达到只能选择一个的效果,是因为有一个RadioGr ...

  9. 小白日记23:kali渗透测试之提权(三)--WCE、fgdump、mimikatz

    WCE windows身份认证过程 http://wenku.baidu.com/view/cf2ee127a5e9856a56126017.html #特例在登陆的目标服务器/系统,有一个w摘要安全 ...

  10. 想学React Native?你只需要一个App!(11月5号更新)

    最近有点空闲时间,顺手研究下react-native,2013年的时候在老师的指导下使用jQuery Mobile做过手机应用,那个运行速度慢呀!让我对WebApp和PhoneGap这一类的跨平台Ap ...