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

jquery获取表单元素select option的值,对select option操作

 
阅读更多

jQuery获取Select元素,并选择的Text和Value:

1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 
3. var checkValue=$("#select_id").val();  //获取Select选择的Value 
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值 
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值 

jQuery获取Select元素,并设置的 Text和Value:

1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中 
2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中 
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中 

jQuery添加/删除Select元素的Option项:

1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项) 
2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置) 
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个) 
4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个) 
5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option 
6. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option 

转载自:http://www.9958.pw/post/jquery_select_option

分享到:
评论

相关推荐

    jquery获取表单值

    除了获取表单控件的值外,还可以使用jQuery来控制这些元素的状态,例如清空内容、填充内容、改变选中状态等。 ##### 1. 文本框、文本域的操作 - 清空内容: ```javascript $("#text_id").val(''); ``` - 填充...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    jQuery获取Select选择的Text和_Value

    jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将详细介绍 jQuery 获取和设置 Select 选择的 Text 和 ...

    Jquery获取Select标签的值

    本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...

    jQuery获取Select标签的手册

    在jQuery中,对HTML表单元素的操作是相当常见的任务,特别是对于`Select`标签的处理。`Select`标签常用于创建下拉列表,允许用户在多个选项中进行选择。本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及...

    jquery 获取表单元素里面的值示例代码

    在前端开发中,经常需要操作表单元素(如文本框、单选按钮、复选框和下拉选择框等),而jQuery提供了一套简单易用的方法来获取和设置这些表单元素的值。 1. 获取表单元素的值 在表单中,获取元素的值是常见的需求。...

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...

    jquery获取元素值的方法(常见的表单元素)

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

    jQuery获取select选中的option的value值实现方法

    通过jQuery选择器选中id为"isshow"的select元素,并调用了.val()方法来获取当前选中option的value值。这是一个非常实用的技巧,能够帮助开发者在用户交互时捕捉到用户的选择并进行后续处理。 文章还提到,由于采用...

    jquery操作表单案例

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

    jquery获得selectoption值[文].pdf

    以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入(`input[type=text]`)等元素的值的关键知识点: 1. **获取选中的`select`值**: ```javascript var item = $(...

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jquery获取input表单值的代码

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

    jquery实现select互斥联动

    在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于多级筛选或配置场景。 一、基本概念 1. jQuery:jQuery 是一个高效、简洁而易用的JavaScript库,...

    Jquery 操作 Dom 标签 select

    ### Jquery 操作 Dom 标签 Select 在前端开发中,使用 ...以上就是使用 jQuery 对 `select`、`radio` 和 `checkbox` 元素进行操作的基本方法和技术要点。希望这些内容能帮助你在实际项目中更加高效地使用 jQuery。

    jquery 操作checkbox 和select

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何使用...在学习和实践时,结合这两个文件能更好地理解jQuery对表单元素的操作方式。

    jquery获取当前选中下拉框的各个属性

    jQuery作为一种轻量级、功能强大的JavaScript库,提供了丰富的API来简化对DOM的操作,使得获取或设置`&lt;select&gt;`元素及其子`&lt;option&gt;`元素的属性变得十分简便。本文将详细介绍如何利用jQuery来操作下拉框。 #### ...

    Jquery实现的双Select框多选表单提交

    总结一下,本文介绍了如何使用jQuery实现一个双Select框多选功能,并在表单提交时获取选定的值。这个功能在需要用户从多个选项中进行多重选择的场景中非常实用,例如在数据过滤、分类或配置设置等场景。通过结合HTML...

    jquery select2组件

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

    jquery动态添加option

    总结起来,jQuery动态添加`&lt;option&gt;`是通过创建新的`&lt;option&gt;`元素,设置其属性,然后将其添加到`&lt;select&gt;`元素中来实现的。这种方法使得网页的交互性增强,能够根据用户行为或数据变化实时更新下拉列表,极大地提高...

Global site tag (gtag.js) - Google Analytics