每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。
比如<select class="selector"></select>
1、设置value为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中是非常简单的。
如
引自:http://blog.csdn.net/nairuohe/article/details/6307367
ext:http://www.cnblogs.com/QQJnet/archive/2011/12/11/2284174.html
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selector").val("pxx"); tip_self(eg): function currentYear(){ var date=new Date(); var year = date.getFullYear(); //获取当前年份 if(year){ $("#planImplTime").val(year); }else{ $("#planImplTime").val(); } }
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 = $("<option>").val(1).text("pxx"); $(".selector2").append(option); });
引自:http://blog.csdn.net/nairuohe/article/details/6307367
ext:http://www.cnblogs.com/QQJnet/archive/2011/12/11/2284174.html
发表评论
-
jquery方法扩展使用
2014-12-02 19:28 790//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery ajax相关操作
2014-09-28 13:50 841--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1131function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2365<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3069在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1515CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 53037freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17689FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2677以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2738?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 25191.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 18591.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1424//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1218jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1446jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2112<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 137301. freemarker获取list的size : ... -
Extjs Config和Mixins
2014-03-05 13:23 1086Extjs 4中,为类型系统引入了Config概念,Con ... -
js回调函数
2014-03-04 11:40 1098回调函数(Callback Functions ... -
extjs4.0 Ext.Array 函数方法详解
2014-03-04 10:34 1183Ext.onReady(function(){ ...
相关推荐
如`$('select').val()`返回选中项的值,`$('select').val('newValue')`则将选中项设置为对应值的选项。 2. **添加和删除选项**:要动态添加选项,可以使用`.append()`方法。例如: ```javascript $('...
本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...
在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...
### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
在操作select之前,首先需要熟练掌握jQuery选择器的使用,因为无论是添加、删除、修改还是获取select中的选项值,都离不开选择器的精确定位。 - `$('#id')`:通过ID选择器选取元素。 - `$("input[@type=radio][@...
总之,jQuery提供的强大API使得我们可以轻松地实现select元素之间的交互操作。通过理解和掌握这些基础知识,你可以构建更加动态和用户友好的Web应用程序。在实际项目中,还可以结合其他库和框架,如Bootstrap的...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
**jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...
- `val(values)`:设置或获取选中的值。 - `addOption(option)`:向下拉菜单中添加选项。 - `removeOption(value)`:移除指定值的选项。 - `disableOption(value)`:禁用指定值的选项。 - `enableOption(value)`:...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`<select>`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`<select>`元素,包括选择、更改选项,获取选中项的文本、值...
jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将详细介绍 jQuery 获取和设置 Select 选择的 Text 和 ...
jQuery是一款强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作等任务。在"cool的JQuery自定义select"中,jQuery被用来动态地控制和展示select元素。这个插件通过CSS样式和JavaScript功能,将...
根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...
在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于...
实例如下所示: <select name=region[province] id= class=region valid> 省、直辖市 北京市 </select>...取得textarea的值 <textarea id='address'></textarea > $(#textare
总之,jQuery插件Select2是前端开发中不可或缺的工具之一,它极大地提高了用户选择交互的质量,使得原本单调的`<select>`元素焕发新生。通过学习和掌握Select2的使用,开发者可以为用户提供更加高效、美观的界面。
Jquery中对下拉框的操作 包括选中 赋值等
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...