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. android142 360 分页加载

    dao: package com.itheima.mobileguard.db.dao; import java.util.ArrayList; import java.util.List; impo ...

  2. 简化版可用于多线程的logger

    logger 嘛要高效,要简单.废话不多话. GitHub 地址 https://github.com/goldli/logger 本文所说的logger使用System.Logger做为NameSp ...

  3. Centos自动登录系统并自动打开VNC Server

    系统自动登录 修改配置文件 sudo vim /etc/gdm/custom.conf 增加配置 [daemon] AutomaticLogin=spark AutomaticLoginEnable= ...

  4. Miaomiao's Geometry

    HDU 4932  Bestcoder Problem Description There are N point on X-axis . Miaomiao would like to cover t ...

  5. SandBox+NSBundle

    1.iOS的文件系统 1.1.SandBox(沙箱.沙盒) 在iOS中,任何一个App都存放在自己的一个称之为SandBox中 1)SandBox的组成 a.Bundle Container:放应用程 ...

  6. hibernate 入门案例

    1,创建工程,导入jar ojdbc14.jar 数据库驱动包,我用的是oracle数据库,根据实际的数据库选择驱动包 创建java类,并利用bibernate插件完成orm映射,创建hbm.xml ...

  7. [转]Oracle SQL性能优化

    本文转自:http://www.cnblogs.com/rootq/archive/2008/11/17/1334727.html (1)      选择最有效率的表名顺序(只在基于规则的优化器中有效 ...

  8. [未完成][Mooc]关于IO总结

    整个课程的大纲:1.编码问题.2.File类的使用3.RandomAccessFile的使用4.字节流的使用.5.字符流的使用.6.对象的序列化和反序列化. 视频1:文件的编码Eclipse的一大特点 ...

  9. Sublime text3 安装

    Sublime是一款跨平台的前端开发神器,国外的一款共享软件,虽然是未注册的但不影响使用. 一.下载最新版的安装包 官网地址:http://www.sublimetext.com/3 --portab ...

  10. 什么是MVC开发模式以及它和传统开发模式的区别

    Model1模式:使用纯JSP或者JSP+JavaBean开发,存在如下缺陷:JSP页面中混合了HTML和JAVA代码,从而给代码的开发和阅读带 来了麻烦:系统后期维护和扩展非常困难,例如在JSP页面 ...