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

1,JS源码

<select name="select1" id="select1" style="width:300px;">
  <option value="">-- 请选择 --</option>
    <c:forEach items="${bi_role_list}" var="bi_role" varStatus="id" >
    <option value="${bi_role.bi_roleid}">${bi_role.bi_rolename}</option>
  </c:forEach>
</select>

2,jQuery操作

(1)获取当前选中select的text值

$("#select1").find("option:selected").text(); 

(2)获取当前选中select的value值

$("#select1").val(); 

(3)获取当前选中select的索引值

$("#select1").get(0).selectedIndex; 

(4)设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 

(5)设置value值1的项为当前选中项

$("#select1").val(1);

(6)设置text值为"2017"的项为当前选中项

$("#select1 option[text='2017']").attr("selected",true); 

(7)为指定select下拉框追加一个option(追加到在末尾)

$("#select1").append(""+i+""); 

(8)为制定select下拉框插入一个option(插入到第一个位置)

$("#select1").prepend("请选择"); 

(9)删除select下拉框的最后一个option

$("#select1 option:last").remove();

(10)清空select控件内容

$("#select1").empty();

(11)添加/删除Select的Option项

$("#select1").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select1").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select1 option:last").remove(); //删除Select中索引值最大Option(最后一个)

$("#select1 option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)

$("#select1 option[value='3']").remove(); //删除Select中Value='3'的Option

$("#select1 option[text='4']").remove(); //删除Select中Text='4'的Option

jQuery操作下拉框的text值和val值的更多相关文章

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

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

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

    Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢) 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val() ...

  3. jquery 获取下拉框 某个text='xxx'的option的属性 非选中 如何获得select被选中option的value和text和......

    jquery 获取下拉框 某个text='xxx'的option的属性 非选中 5 jquery 获取下拉框 text='1'的 option 的value 属性值 我写的var t= $(" ...

  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 text

    下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后 ...

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

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

  8. jquery对下拉框的操作

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

  9. jquery获得下拉框值的代码

    jquery获得下拉框值的代码   获取Select :  获取select 选中的 text :  $("#ddlRegType").find("option:sele ...

随机推荐

  1. GBDT调参总结

    一.GBDT类库弱学习器参数 二.回归 数据集:已知用户的30个特征,预测用户的信用值 from sklearn.ensemble import GradientBoostingRegressor f ...

  2. iOS UI进阶-3.0 核心动画

    Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍,使用它需要先添加QuartzCore.framework和引入对应的框架<Quar ...

  3. JS怎么控制input框的背景颜色

    $("input").css("background-color","red"); 参考:https://zhidao.baidu.com/ ...

  4. C++调用openssl库生成RSA加密秘钥对

    直接上代码.默认生成的是pkcs#1格式 // ---- rsa非对称加解密 ---- // #define KEY_LENGTH 1024 // 密钥长度 #define PUB_KEY_FILE ...

  5. linux中截取文件的特定字节(去掉utf-8 bom头)

    事出有因,之所以要截取特定字节,是为了给utf-8编码的文件去掉bom头. bom头好去啊,notepad++文本编辑器中就有这个功能啊.可是,问题所在是要编辑的文件太大了,300MB,小电脑卡shi ...

  6. Python底层库的函数中from __future__ import absolute_import的作用

    在查看TensorFlow的底层优化器时候看到from __future__ import absolute_import 查找相关资料后发现 这个语句的意思是加入绝对引用的特征 直白的意思是,比如: ...

  7. java 中多线程和锁的使用以及获取多线程执行结果

    多线程一:原生的写法   关键词 implements  实现  Runnable 类 run()  方法 注意点 : 创建类的实例 InterfaceController inter=new Int ...

  8. Unity shader学习之渐变纹理

    渐变纹理,及使用纹理来存储漫反射光照的结果,这种技术在游戏<军团要塞2>中流行起来,它也是由Valve公司(提出半兰伯特光照技术的公司)提出来的,他们使用这种技术来渲染游戏中具有插画风格的 ...

  9. idea软件上设置爱彼迎字体

  10. POJ1944 Fiber Communications (USACO 2002 February)

    Fiber Communications 总时间限制:  1000ms 内存限制:  65536kB 描述 Farmer John wants to connect his N (1 <= N ...