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. [ZZ]C++中,引用和指针的区别

    (1) 引用总是指向一个对象,没有所谓的 null reference .所有当有可能指向一个对象也由可能不指向对象则必须使用 指针. 由于C++ 要求 reference 总是指向一个对象所以 re ...

  2. 十六款值得关注的NoSQL与NewSQL数据库--转载

    原文地址:http://tech.it168.com/a2014/0929/1670/000001670840_all.shtml [IT168 评论]传统关系型数据库在诞生之时并未考虑到如今如火如荼 ...

  3. debian root用户在shell下如何能够使用颜色

    转载:http://hi.baidu.com/aivera/item/f31c4a590ef72609e6c4a596 编辑 /root/.bashrc 这个文件, 把里面这几行前面的#号去掉就可以了 ...

  4. python学习笔记概述

    第一次接触python是因为一个项目需要做自动化测试,因为各种限制没有使用QTP,选择了开源的比较流行的selenium,但如果只是靠selenium进行录制脚本.修改脚本这个很多时候没办法满足需求, ...

  5. 实验-hadoop开发环境部署

    hadoop-0.20.2自带了eclipse插件,比如1.0.0和2.2.0就没有 1.windows下 1)把插件hadoop-0.20.2-eclipse-plugin.jar复制到eclips ...

  6. Sql语句中的truncate,delete,drop的区别

    相同点: 1.truncate和不带where子句的delete.以及drop都会删除表内的数据. 不同点: 1. truncate 和 delete 只删除数据不删除表的结构(定义) drop 语句 ...

  7. AngularJs学习经验汇集

    >>关于ng-include 有时候你会发现你用这个指令想要加载某个模板总是加载不出来,url明明是对的,页面还是一片空白,这里有一个细节要注意以下: <div ng-include ...

  8. CentOS(一)--CentOS6.4环境搭建

    一.前言 作为一个想从事j2ee后台开发的程序猿,linux系统怎能不学呢?所以,这几天自己准备学习一下linux操作系统.废话不多说,直奔主题. 要学linux开发,首先得要安装linux系统吧,这 ...

  9. 运用CMD命令关于快速获取文件夹名称和快速建立文件夹

    前些天头儿让我建立一本本的文件夹,让后交给我了几个命令,快速获取文件夹的名称和快速建立文件夹,省去了一个个的按F2,一个个的复制,粘贴,一个个的新建,再复制粘贴. 首先讲一下第一个问题,快速获取文件夹 ...

  10. 引用web service时,出现无法识别的配置节点applicationSettings

    ApplicationSetting 节点的内容: <applicationSettings> <MyWeb.Properties.Settings> <setting ...