当前位置:  编程技术>WEB前端

jquery控制select的text/value值为选中状态

    来源: 互联网  发布时间:2014-08-25

    本文导语:  每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。 比如 1、设置value为“全部“的项选中 代码如下: $(".selector").val("全部"); 2、设置text为“全部“的项选中 代码如下: $(".selector").find("option[text='全部'...

每一次操作select的时候,总是要在网上翻下,太繁琐了,自己在这里总结下。

比如

1、设置value为“全部“的项选中
代码如下:

$(".selector").val("全部");

2、设置text为“全部“的项选中
代码如下:

$(".selector").find("option[text='全部']").attr("selected",true);

这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value
代码如下:

$(".selector").val();

4、获取当前选中项的text
代码如下:

$(".selector").find("option:selected").text();

这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如:
代码如下:

$(".selector1").change(function(){

// 先清空第二个

$(".selector2").empty();

// 实际的应用中,这里的option一般都是用循环生成多个了

var option = $("").val(1).text("pxx");

$(".selector2").append(option);

});

    
 
 

您可能感兴趣的文章:

  • Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
  • jquery无法设置checkbox选中即没有变成选中状态
  • jQuery设置input type="radio"选中值
  • jqueryjs 选中文本框中内容的方法
  • Jquery判断Radio是否选中或选中值的实例代码
  • jquery select默认选中的设置方法
  • JQUERY 设置SELECT选中项代码
  • jquery检测input checked 控件是否被选中的方法
  • jQuery判断checkbox是否选中的小例子
  • jquery检测input checked 控件是否选中
  • jQuery判断checkbox是否被选中的三种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery获取选中内容及设置元素属性的方法
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否选中的3种方法
  • jquery如何根据值设置默认的选中项
  • jquery select 设置默认选中的示例代码
  • jquery 判断 radio checkbox 是否选中的几种方法
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • 通知消息和状态栏 JQuery Notification Engine
  • jQuery实现文本框只能输入数字/关闭输入法状态
  • jQuery屏蔽页面所有超链接及隐藏状态栏网址的代码
  • jquery改变disabled的boolean状态的三种方法
  • jquery改变disabled状态的几种方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery控制css display属性(控制元素显示与隐藏)
  • jQuery输入格式控制插件 Masked Input Plugin
  • jquery控制css的display属性(显示与隐藏)
  • jquery控制css元素的display(显示与隐藏)属性
  • jquery等比例控制图片宽高
  • jquery控制display属性为none或block
  • Jquery控制只能输入数字(解析)
  • JQuery元素控制方法汇总
  • jquery缓动swing liner控制动画过程不同时刻的速度
  • 使用JQUERY进行后台页面布局控制DIV实现左右式
  • JQuery EasyUI 日期控件如何控制日期选择区间
  • 用jquery等比例控制图片宽高的具体实现
  • jquery 控制页面字体大小的实例代码
  • Jquery控制iFrame取得父窗口中元素值的代码
  • jquery控制自动刷新的代码举例
  • JQuery 控制内容长度超出规定长度显示省略号
  • jquery 元素控制(追加元素与内容)的方法介绍
  • jquery控制按钮的禁用与启用 禁用右键等
  • Jquery动态控制鼠标位置(层的动态显示与隐藏动画)
  • jQuery控制的不同方向的滑动(向左、向右滑动等)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3