`
世纪魔面
  • 浏览: 19376 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jQuery操作select对象

阅读更多
//添加一项
$("#test").append("<option value='xxx'>xxx</option>");
//设置选中项
$("#test").get(0).selectedIndex=1;    //按索引,索引从0开始计数
$("#test").val(value);    //按值
//取得当前选中项的值
$("#test").val();
//取得当前选中项的文本
$("#test").find("option:selected").text();

 

分享到:
评论

相关推荐

    cool的JQuery自定义select

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

    jquery select2组件

    `Select2`的初始化方法接受一个配置对象,其中包含各种选项,如: ```javascript $('.select2').select2({ placeholder: '请选择...', // 设置占位符文本 allowClear: true, // 是否允许清除选择 ...

    jquery 超级select插件 v4.0版本

    《jQuery超级Select插件v4.0版本详解》 在Web开发中,下拉选择框(Select)是最常见的表单元素之一,但在某些场景下,普通的Select可能无法满足复杂的交互需求,例如多选、搜索过滤、自定义样式等。这时,jQuery...

    jquery实现select互斥联动

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

    jQuery And Select2 Demo.zip

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

    jquery操作select插件.pdf

    《jQuery操作select插件详解》 在Web开发中,jQuery库因其简洁的API和强大的功能深受开发者喜爱。本文将深入解析一个由John Liu编写的jQuery插件——jquery.liu.select.js,该插件专注于对HTML `&lt;select&gt;` 元素的...

    JQuery版的select下拉效果

    要实现“JQuery版的select下拉效果”,首先需要在页面中引入JQuery库和`jquery.select.js`插件。通常,这可以通过在HTML文件的`&lt;head&gt;`标签内添加`&lt;script&gt;`标签来完成。同时,可能还需要引入相关的CSS文件,以定义...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    jQuery下拉查询筛选插件Combo Select

    **jQuery下拉查询筛选插件Combo Select** 在Web开发中,为了提高用户体验,经常会使用到下拉选择框,特别是当选项列表很长时。jQuery库提供了一种强大的方式来增强原生HTML元素的功能,其中就包括了`Combo Select`...

    jQuery模拟select下拉框三级城市联动代码.zip

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。在这个示例中,jQuery将被用来处理用户在select下拉框中的选择变化,并根据选择更新其他下拉框的内容。 1. **...

    jquery模拟select,带tip提示

    通过jQuery,我们可以利用DOM操作和事件处理,创建更灵活、可定制的Select替代方案。这个插件可能包括以下核心功能: 1. **元素构建**:使用`&lt;div&gt;`、`&lt;ul&gt;`等HTML元素模拟Select的外观,每个选项用`&lt;li&gt;`表示。 2....

    Jquery 操作 Dom 标签 select

    ### Jquery 操作 Dom 标签 Select 在前端开发中,使用 jQuery 操作 DOM 元素是非常常见的需求之一。特别是对于表单元素如 `select`、`radio` 和 `checkbox` 的操作,更是频繁出现。下面我们将详细介绍如何使用 ...

    前端项目-jquery-nice-select.zip

    总结,`jQuery Nice Select`插件是前端开发者优化用户体验的一个有力工具,通过简单几步操作,就能让原本平淡无奇的`&lt;select&gt;`元素焕然一新,提升界面的美观度和专业感。在实际开发中,我们应充分利用这类插件,提升...

    jquery select美化插件

    首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在“jquery select美化插件”这个主题中,我们主要关注的是如何利用jQuery扩展原生的`&lt;select&gt;`元素,使其外观和交互更加...

    jQuery multiple-select-master 插件

    总的来说,jQuery multiple-select-master插件以其强大的功能和易用性,为网页开发中的多选操作带来了便利,无论是小型项目还是大型应用,都能看到它的身影。熟练掌握并运用这个插件,无疑能提升我们的开发效率,为...

    jQuery多选下拉框插件

    3. **初始化插件**:使用jQuery选择器找到`&lt;select&gt;`元素,并调用`.multiSelect()`方法进行初始化,可以传递配置对象以定制行为。 **四、实例应用** 以下是一个简单的使用示例: ```html &lt;!DOCTYPE html&gt; ...

    jquery下拉框选择select美化插件FancySelect.js.zip

    在IT行业中,前端开发往往需要兼顾美观与交互性,而jQuery作为一款强大的JavaScript库,极大地简化了DOM操作,使得开发者可以轻松实现各种复杂的用户界面效果。在这个场景中,"jquery下拉框选择select美化插件...

    Jquery双向select控件Bootstrap Dual Listbox

    Bootstrap Dual Listbox通过jQuery插件的形式实现,它监听用户的交互事件(如点击、搜索、拖动等),然后对HTML的`&lt;select&gt;`元素进行操作,动态更新两个选择框中的选项。同时,它会保存用户的选取状态,以便在页面...

    jquery select2 select美化插件

    4. **事件监听**:提供多种事件,如`select2:select`和`select2:unselect`,便于响应用户操作。 **四、自定义配置** Select2 提供了许多可配置选项,如`width`设置宽度,`placeholder`设置占位符,`...

    jquery获得select option值

    通过直接访问DOM对象,可以设置下拉列表的默认选中项。 3. **使用`.val()`方法**: ```javascript var selectedValue = $('#sel').val(); ``` `.val()`方法也可以用于获取下拉列表的选中值,这是最常用的获取...

Global site tag (gtag.js) - Google Analytics