当前位置:  编程技术>jquery

jquery 操作select取值与设置选中值

    来源: 互联网  发布时间:2014-10-07

    本文导语:  有如下的select表单元素:     如何用jquery实现select的取值、赋值与设置选中?参考如下方法。 1、设置value为1的项选中   代码示例: $(".type").val("1"); 2、设置text为管理组的项选中   代码示例: $(".type").find("option[text='管理组']...

有如下的select表单元素:
 

 

如何用jquery实现select的取值、赋值与设置选中?参考如下方法。

1、设置value为1的项选中
 

代码示例:
$(".type").val("1");

2、设置text为管理组的项选中
 

代码示例:
$(".type").find("option[text='管理组']").attr("selected",true); 

中括号里的等号的前面是属性名称,不用加引号。

3、获取当前选中项的value
 

代码示例:
$(".type").val(); 

4、获取当前选中项的text
 

代码示例:
$(".type").find("option:selected").text(); 

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

例如:
 

代码示例:
$(".type1").change(function(){ 
   // 先清空第二个 
   $(".type2").empty(); 
   // 实际的应用中,这里的option一般都是用循环生成多个了 
   var option = $("").val(1).text("1"); 
  $(".type2").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中html、val与text三者属性取值的联系与区别介绍
  • 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设置input中disabled属性
  • jQuery如何获取与设置表单元素
  • jQuery动态背景设置 Backstretch
  • jQuery设置input type值示例
  • JQuery设置input属性(disabled、enabled)
  • jquery 设置文本框、密码框获得焦点时的样式
  • jquery设置text的值示例(设置文本框 DIV 表单值)
  • jQuery元素属性attr设置多个键值的例子
  • jquery当前时间的设置与显示代码
  • jquery easyui通过class方式设置dialog
  • jquery修改与设置属性值的例子
  • jQuery获取和设置表单元素的方法
  • jquery如何设置文本框只读
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jQuery设置CSS属性(示例)
  • jquery修改属性值实例代码(设置属性值)
  • jquery半透明设置实现代码
  • jquery 设置radio值的代码一例
  • jquery动态设置超链接显示内容的实现代码
  • jQuery 设置 CSS 属性示例介绍
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery如何对表单元素取值与赋值 iis7站长之家
  • 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