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

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

 
阅读更多

 

比如<select class="selector"></select>

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中是非常简单的。

如:$(".selector1").change(function(){

     // 先清空第二个

      $(".selector2").empty();

     // 实际的应用中,这里的option一般都是用循环生成多个了

      var option = $("<option>").val(1).text("pxx");

      $(".selector2").append(option);

});

分享到:
评论

相关推荐

    jquery操作select取值赋值与设置选中实例

    jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如&lt;select class=”selector”&gt;&lt;/select&gt; 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....

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

    本文将详细解析如何使用jQuery来获取和设置`&lt;select&gt;`元素的值,以及如何设置选中项。 1. **设置value为pxx的项选中** 当你需要将某个选项设为选中状态,且该选项的`value`属性为`pxx`时,可以使用`val()`方法。...

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

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

    jquery中select多选框取值

    总结一下,jQuery提供了一套便捷的方法来操作和处理`&lt;select&gt;`多选框。通过`val()`获取选中值,`prop('selected', bool)`改变选项状态,以及`change`事件监听用户的选择变化,使得在JSP页面上处理多选框变得简单易行...

    jquery表单元素取值

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

    jquery 模拟Select下拉选择框取值功能.zip

    在这个“jquery 模拟Select下拉选择框取值功能.zip”压缩包中,包含了一个示例,展示了如何使用jQuery来模拟HTML Select元素的下拉选择功能,并获取用户选定的值。下面我们将详细探讨这个主题。 首先,HTML的Select...

    jquery取值的问题

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。关于"jQuery取值的问题",这个标题暗示我们可能会遇到在使用jQuery获取HTML元素值时的一些常见挑战。让我们深入探讨...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery 美化select 自定义函数

    本文将详细介绍如何在jQuery基础上美化`select`,并实现自定义函数,同时确保原有的功能如取值、增删改等操作不受影响。 首先,我们需要引入jQuery库。如果您的项目中还未包含jQuery,可以通过以下HTML代码将其引入...

    jquery select(列表)的操作(取值/赋值)

    设置选中项:$(“select[@id=’pagesize_slt’]”)[0].selectedIndex = 1;//—–&lt;select&gt;的index从0开始,所以1是第二项 很奇怪的是,我是用id来获取的,应该是唯一值,但$(“select[@id=’pagesize_slt’]”)...

    浅析jQuery操作select控件的取值和设值

    以上就是使用jQuery操作select控件的基本方法,包括获取和设置值以及处理级联select。在实际应用中,这些方法可以根据具体业务需求进行扩展和组合,实现更复杂的交互逻辑。学习和掌握这些技巧,能够提高开发效率,使...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    使select可以输入

    对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jquery模拟SELECT下拉框取值效果

    ### Jquery模拟SELECT下拉框取值效果知识点 在Web开发中,下拉选择框(SELECT元素)是一种常见的用户交互控件,它允许用户从一系列预设选项中选择一个或多个选项。然而,原生的SELECT元素在外观和用户体验上可能受...

    jquery取值.docx

    - 设置下拉列表选中项:`$("#select_id")[0].selectedIndex = 1` 将选项索引为1的项设为选中。 3. **表单操作**: - 重置表单:`$("form").reset();` 用于恢复表单到初始状态,清除所有输入值。 4. **元素遍历与...

Global site tag (gtag.js) - Google Analytics