- 浏览: 2609186 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
本文主要整理部分jQuery操作select相关的api
1、获取select选中的text
$('#selectID').find("option:selected").text();
2、获取select选中的value
$('#selectID').val(); //和一般的一样
3、获取被选中的索引
$('#selectID').get(0).selectedIndex; $('#selectID')[0].selectedIndex;
4、设置select的选中的value
$('#selectID').val('1'); $('#selectID').attr('value',1); $('#selectID')[0].value =1; $('#selectID').get(0).value = 1;
5、清空select
$('#selectID').empty();
6、操作option
- 在已有的option的最前面添加一个新的
$('#selectID').prepend("<option value='0'>请选择</option>");
- 在已有的option的最后添加一个新的
$('#selectID').append("<option value='10'>测试</option>");
- 通过索引来获取对应option
//option的index也是从0开始的 $('#selectID option[index=1]');
发表评论
-
【jquery面试题】如果获取多个规则的元素
2013-10-25 21:10 1162jquery面试基础系列: ... -
jquery如何判断显示隐藏汇总
2013-07-25 21:06 1331本文汇总一下jq如何判断隐藏与显示: ... -
jquery.parseJSON
2013-06-17 13:06 2193jQuery.parseJSON ... -
jquery callbacks
2013-06-03 14:33 1283$.Callbacks 回调列表对 ... -
jquery deferred
2013-06-04 14:49 1352jquery在1.5版本开始引入了Defe ... -
回到页首的animate
2013-06-05 12:41 1284回到顶部依赖jquery实现动画: ... -
jQuery事件--bind
2013-04-07 17:06 0本文主要介绍一下bind里面大家可能不常用的方 ... -
jquery1.9带来的变换
2013-04-02 17:09 0很多人已经开始用1.9.#版本了,说几个注 ... -
jQuery事件-- live
2013-03-19 17:44 1464jQuery事件 -- live ... -
jQuery基础篇-- 串联 add
2013-01-31 14:36 1296add(expr,[context]) ... -
event.timeStamp
2013-01-14 19:56 0event.timeStamp ------ ... -
(Jquery Event)event.result
2013-01-14 19:17 0event.result --- ... -
event.isDefaultPrevented
2013-01-14 12:18 1644jQuery 1.3版本开始引入了一个这个 ... -
jQuery数据缓存相关api简介
2012-12-17 13:32 1304本文简单汇总一下jQuery数据缓存相关的几个api: ... -
jQuery事件-- undelegate
2012-12-14 10:53 1440jQuery事件 -- undelegate ---- ... -
jquery事件之delegate
2012-12-13 15:06 2112delegate -------- 为指定的元素( ... -
jQuery基础篇--文档处理---复制节点
2012-10-17 13:27 1474复制节点相关 1、clone() ... -
jquery基础篇--事件
2012-10-15 18:28 11501、unload(fn) ------- ... -
jquery基础篇--文档操作
2012-10-15 17:54 1284包裹节点相关 ... -
jQuery基础篇--文档处理---删除
2012-07-22 11:17 15791、empty() -------- ...
相关推荐
总的来说,掌握jQuery操作select的方法对于前端开发来说是非常实用的技能,它能够提高代码的效率和可读性,同时为用户带来更好的交互体验。通过学习这篇博客和提供的文件,开发者可以深化对jQuery操作select的理解,...
本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`函数展示了如何遍历并修改select的option。在这个例子中,函数根据`shipping.value`的值决定是否移除或添加特定的option。当`shipping....
### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...
### jQuery操作Select大全知识点详解 #### 1. 概述 jQuery操作Select大全主要包含了一系列使用jQuery操作select下拉列表的方法和实例。在Web开发过程中,动态地与select元素进行交互是常见的需求,jQuery为此提供...
首先,要进行jQuery操作,需要在HTML文档中引入jQuery库。在这个例子中,我们使用的版本是`jquery-1.8.3.min.js`。确保在`<head>`标签内或者`<body>`标签的最上方引入此文件,如下所示: ```html <script src="...
**jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...
1. **搜索过滤**:用户可以通过输入关键字快速筛选出相关的选项,提高操作效率。 2. **多选模式**:允许用户同时选择多个选项,支持通过键盘快捷键进行操作。 3. **分页显示**:当选项过多时,自动分页显示,避免一...
Jquery中对下拉框的操作 包括选中 赋值等
jQuery是一款强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作等任务。在"cool的JQuery自定义select"中,jQuery被用来动态地控制和展示select元素。这个插件通过CSS样式和JavaScript功能,将...
在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。在一些场合,由于浏览器兼容性问题或者设计需求,我们可能需要模拟原生HTML `<select>` 标签的功能,例如创建下拉...
在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于...
通过jQuery,开发者可以编写更简洁、高效的代码来处理DOM操作,这使得对`<select>`的美化变得更加容易。 jQselect.js这个脚本就是针对`<select>`元素的美化插件,它能够将标准的下拉选择框转换为具有自定义样式的...
使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。
**jQuery下拉菜单插件SelectMenu详解** 在网页开发中,下拉菜单是常见的交互元素,用于提供多种选择项供用户进行操作。`SelectMenu.js` 是一款基于 jQuery 的高效下拉菜单插件,它提供了丰富的特性,使开发者能够...
jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。它的简洁API使得编写JavaScript代码变得更加高效和简洁。在"jQuery And Select2 Demo.zip"这个压缩包中,我们很可能找到了一...
在本篇文章中,我们将深入探讨如何使用jQuery实现这个功能,并探讨相关的技术细节。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。在模拟select的过程中,...
`jquery.selectlist.js`插件是基于JavaScript库jQuery构建的,jQuery是一个轻量级的、高性能的库,使得开发者能够更容易地进行DOM操作、事件处理、动画效果以及Ajax交互。通过利用jQuery的强大功能,`jquery.select...
它可能包含一个或多个.js文件,其中定义了与Select相关的函数和方法。比如,可能会有一个`init()`函数用于初始化模拟下拉菜单,还有`showDropdown()`和`hideDropdown()`函数分别用于显示和隐藏下拉列表。此外,可能...
jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的HTML `<select>` 元素转换为适合触摸操作的、具有高级样式的菜单。这个插件自动应用到页面中的所有`<select>`元素,无需额外的JavaScript代码。你...