`
zhangyaochun
  • 浏览: 2609186 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery操作select相关

阅读更多

本文主要整理部分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操作select 收藏

    总的来说,掌握jQuery操作select的方法对于前端开发来说是非常实用的技能,它能够提高代码的效率和可读性,同时为用户带来更好的交互体验。通过学习这篇博客和提供的文件,开发者可以深化对jQuery操作select的理解,...

    JQuery操作select

    本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`函数展示了如何遍历并修改select的option。在这个例子中,函数根据`shipping.value`的值决定是否移除或添加特定的option。当`shipping....

    Jquery操作Select option整理

    ### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`&lt;select&gt;`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...

    jquery操作select大全

    ### jQuery操作Select大全知识点详解 #### 1. 概述 jQuery操作Select大全主要包含了一系列使用jQuery操作select下拉列表的方法和实例。在Web开发过程中,动态地与select元素进行交互是常见的需求,jQuery为此提供...

    Jquery操作select标签例子

    首先,要进行jQuery操作,需要在HTML文档中引入jQuery库。在这个例子中,我们使用的版本是`jquery-1.8.3.min.js`。确保在`&lt;head&gt;`标签内或者`&lt;body&gt;`标签的最上方引入此文件,如下所示: ```html &lt;script src="...

    jquery select2组件

    **jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `&lt;select&gt;` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...

    jquery 超级select插件 v4.0版本

    1. **搜索过滤**:用户可以通过输入关键字快速筛选出相关的选项,提高操作效率。 2. **多选模式**:允许用户同时选择多个选项,支持通过键盘快捷键进行操作。 3. **分页显示**:当选项过多时,自动分页显示,避免一...

    jquery操作select下拉框的多种方法

    Jquery中对下拉框的操作 包括选中 赋值等

    cool的JQuery自定义select

    jQuery是一款强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理和动画制作等任务。在"cool的JQuery自定义select"中,jQuery被用来动态地控制和展示select元素。这个插件通过CSS样式和JavaScript功能,将...

    jquery实现select带模糊搜索下拉选择框

    在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...

    jQuery模拟select效果

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。在一些场合,由于浏览器兼容性问题或者设计需求,我们可能需要模拟原生HTML `&lt;select&gt;` 标签的功能,例如创建下拉...

    jquery实现select互斥联动

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于...

    jQuery实现select样式美化 jQselect.js

    通过jQuery,开发者可以编写更简洁、高效的代码来处理DOM操作,这使得对`&lt;select&gt;`的美化变得更加容易。 jQselect.js这个脚本就是针对`&lt;select&gt;`元素的美化插件,它能够将标准的下拉选择框转换为具有自定义样式的...

    Selenium WebDriver调用JQuery操作Select元素

    使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。

    jquery下拉菜单插件SelectMenu

    **jQuery下拉菜单插件SelectMenu详解** 在网页开发中,下拉菜单是常见的交互元素,用于提供多种选择项供用户进行操作。`SelectMenu.js` 是一款基于 jQuery 的高效下拉菜单插件,它提供了丰富的特性,使开发者能够...

    jQuery And Select2 Demo.zip

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。它的简洁API使得编写JavaScript代码变得更加高效和简洁。在"jQuery And Select2 Demo.zip"这个压缩包中,我们很可能找到了一...

    jquery模拟select

    在本篇文章中,我们将深入探讨如何使用jQuery实现这个功能,并探讨相关的技术细节。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互等任务。在模拟select的过程中,...

    jquery.selectlist.js插件实现的下拉框美化特效

    `jquery.selectlist.js`插件是基于JavaScript库jQuery构建的,jQuery是一个轻量级的、高性能的库,使得开发者能够更容易地进行DOM操作、事件处理、动画效果以及Ajax交互。通过利用jQuery的强大功能,`jquery.select...

    jQuery模拟Select下拉菜单选中添加代码.zip

    它可能包含一个或多个.js文件,其中定义了与Select相关的函数和方法。比如,可能会有一个`init()`函数用于初始化模拟下拉菜单,还有`showDropdown()`和`hideDropdown()`函数分别用于显示和隐藏下拉列表。此外,可能...

    jQuery手机下拉框select

    jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的HTML `&lt;select&gt;` 元素转换为适合触摸操作的、具有高级样式的菜单。这个插件自动应用到页面中的所有`&lt;select&gt;`元素,无需额外的JavaScript代码。你...

Global site tag (gtag.js) - Google Analytics