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

jquery操作select详解(取值,设置选中)

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

    本文导语:  每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中  $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一...

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。

比如

1、设置value为pxx的项选中

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

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").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 select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 通过name快速取值示例
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery实现Select option项的添加、删除、取值
  • jquery实现radio的取值、radio的选中及radio重置(代码分享)
  • Jquery给基本控件的取值、赋值示例
  • jquery对页面中控件取值与赋值的例子
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • jquery select默认选中的设置方法 iis7站长之家
  • Jquery 表单元素取值与赋值方法总结
  • Jquery 表单取值赋值方法
  • jquery select取值与赋值操作指南
  • JQuery中input textarea select checkbox radio取值示例
  • Jquery表单取值赋值操作实例
  • jQuery 取值、赋值的基本方法整理
  • 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是否被选中的三种方法
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery - css() 方法示例详解
  • jquery EasyUI导入js顺序详解
  • jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
  • jQuery focus和blur事件的应用详解
  • Jquery中"$(document).ready(function(){ })"函数的使用详解
  • Jquery性能优化详解
  • jQuery插件开发的两种方法及$.fn.extend的详解
  • Jquery遍历修改url请求参数的代码详解
  • jquery选择器之内容过滤选择器详解
  • JQuery动画animate的stop方法使用详解
  • jquery判断浏览器类型实例详解
  • jquery操作css样式表文件的方法详解
  • Jquery中$命名冲突问题详解
  • 详解jquery的substring,substr,split的用法
  • jquery中each的用法详解
  • jQuery.extend 函数的用法详解
  • jQuery之ajax删除详解
  • jquery与直接写JS的区别详解
  • jquery移除、绑定、触发元素事件使用示例详解
  • jQuery解析JSON数据实例详解
  • 通过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