`

jquery操作select详解(取值,设置选中)

    博客分类:
  • Web
阅读更多

1、设置value为pxx的项选中

 $(".selector").val("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中是非常简单的。

分享到:
评论

相关推荐

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`<select>`的基本结构: ```html ...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    select-disabled-传值

    接下来,为了确保页面加载时`select`元素处于不可编辑状态,可以使用JavaScript或jQuery来动态地设置`disabled`属性: ```javascript $(document).ready(function() { $("#postSelect").prop("disabled", true); }...

    jQuery对html元素的取值与赋值实例详解

    ### jQuery 对 HTML 元素的取值与赋值实例详解 #### jQuery 元素的取值 jQuery提供了多种方法来获取HTML元素的值。下面是一些基本的控件以及它们如何使用jQuery来获取值的实例: 1. **文本框(TEXTBOX)**: - ...

    jquery汇总

    ### jQuery核心知识点详解 在现代Web开发中,jQuery作为一个轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。本文将基于提供的文件信息,深入解析jQuery中的一些...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    vue2组件之select2调用的示例代码

    Vue2组件之Select2调用示例代码详解 在本文中,我们将详细介绍Vue2组件之Select2调用的示例代码,并对其进行解释和分析。 Select2简介 Select2是一个基于jQuery的插件,提供了一个 dropdown 选择框,可以实现搜索...

    jqgrid插件相关说明

    jqGrid 是一款基于 jQuery 的表格插件,具有强大的功能,能够实现复杂的数据展示和操作。它不仅支持数据的排序、分页、过滤等基本功能,还提供了自定义列、行编辑等功能,使其成为 Web 应用开发中一个非常重要的组件...

    php+mysql实现的二级联动菜单效果详解

    - 使用SQL查询语句`SELECT * FROM colleges ORDER BY college_id`获取所有学院信息,并存储到数组`$colleges`中。 - 同样,通过`SELECT * FROM majors ORDER BY college_id DESC`获取所有专业信息,存储到数组`$...

    php程序员面试题(含html、JavaScript、php和mysql)

    **问题:**单选、多选、下拉菜单选中怎么做?`select` 控件多选是哪个属性? **解析:** - 单选和多选可通过 `<input type="radio">` 和 `<input type="checkbox">` 实现。 - 下拉菜单的多选选项通过 `<select ...

    Django查询优化及ajax编码格式原理解析

    **choices 字段**:在模型设计中,当某个字段的取值范围有限且明确时,如性别、学历等,可以使用choices参数来设置。这有助于保持数据的一致性和完整性。例如: ```python GENDER_CHOICES = ( (1, 'Male'), (2, '...

Global site tag (gtag.js) - Google Analytics