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

jquery取选项文本值

阅读更多

1、 select被选中文本值

   jquery可以通过下面的方式取出选项的文本值

 

 

 $("#work").html($("#work_nature_id option:selected").text()

 

 2、 check_box被选中文本值

   本来想向select一样如法炮制,但是费了很大劲也没成功

  最后找到一个解决方案,只是要给check_box的文本值加一个span标签,id为与该选项有关的id值,

  然后用下面的方法

 

   var product = "";
    $("input[type='checkbox']:checked").each(function(){
      product += $("#pro"+$(this).val()).text()+" , "
    })
    $("#product").html(product);

 

   因为是多选,将被选中元素依次循环取出

 

 

 

 

 

分享到:
评论

相关推荐

    jquery获取表单值

    // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和...

    jquery选项卡滑动门文本自适应边界特效

    本篇文章将详细讲解"jquery选项卡滑动门文本自适应边界特效"这一主题,以及如何利用jQuery实现这种效果。 首先,我们需要理解"选项卡"的概念。选项卡是一种常见的网页布局方式,它允许用户通过点击不同的标签来切换...

    jquery获取input表单值的代码

    jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(...

    简单的jQuery富文本编辑器插件

    这款基于jQuery的简单富文本编辑器插件,结合了CSS3技术,提供了基础但实用的编辑选项,适用于快速构建具有文本编辑功能的网页界面。 首先,jQuery是一个广泛使用的JavaScript库,它的出现极大地简化了JavaScript的...

    jQuery富文本编辑器Notebook

    "jQuery富文本编辑器Notebook"是一个专为创建简洁、整洁且美观的所见即所得(WYSIWYG)编辑器而设计的工具。这款编辑器利用了流行的jQuery库,旨在提供一个用户友好的界面,使得内容创作者可以轻松地进行文字编辑、...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jquery 多选项下拉框

    在网页设计中,jQuery 多选项下拉框是一种常见的交互元素,它允许用户从多个预设选项中进行选择。这种组件通常用于节省页面空间,同时提供丰富的用户体验。本篇文章将详细探讨 jQuery 实现多选项下拉框的核心概念、...

    Jquery获取Select标签的值

    ### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...

    JQuery获取input控件值.docx

    - 对于`<input type="radio">`,可以通过检查哪个被选中来获取值。如果有一个name为`items`的radio组,获取选中项的值可使用:`$("input[@type=radio][@name=items][@checked]").val()`。 - 设置radio选中项,可以...

    推荐20款基于 jQuery & CSS 的文本效果插件

    7. Textillate:结合jQuery和CSS3的文本动画插件,提供多种内置动画和自定义选项。 8. TextFlipper:翻转文本效果,可用于展示隐藏信息或创建引人注目的标题。 9. ScrollMagic:配合TweenMax库,实现根据滚动位置...

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    JQuery_客户端文本验证

    **jQuery 客户端文本验证** 在Web开发中,数据验证是必不可少的步骤,它可以确保用户输入的数据符合预期,防止无效或错误的信息进入系统。jQuery,一个轻量级的JavaScript库,提供了丰富的API来简化这一过程。本篇...

    jQuery图标导航选项卡切换代码.zip

    在这个项目中,jQuery被用来创建一个图标导航系统,用户可以通过点击不同的图标选项卡来切换显示的内容,通常这些内容可能是图片、文本或任何其他HTML元素。这种导航方式使得页面布局更加整洁,用户不必滚动页面寻找...

    jQuery tab选项卡功能代码

    本篇文章将详细探讨jQuery选项卡功能的实现以及相关知识点。 首先,jQuery Tab的基本结构通常包括HTML部分,CSS样式和JavaScript代码。HTML部分主要由一个容器元素(如div)和一系列的选项卡标题(li)以及对应的...

    jquery轻量级文本编辑器

    **jQuery轻量级文本编辑器**,是一种基于流行的JavaScript库jQuery构建的高效、小巧的在线文本编辑工具。这种编辑器设计的目标是为网页提供一种简便的富文本输入体验,允许用户像在桌面应用中那样编辑内容,而无需...

    jQuery富文本编辑器插件-wysiwyg.js

    **jQuery富文本编辑器插件-wysiwyg.js** 在Web开发中,富文本编辑器是一种常见的组件,它允许用户以类似Word的方式编辑HTML内容。`wysiwyg.js`是一款基于jQuery的富文本编辑器插件,为网页提供了一种高效、功能强大...

    jQuery获取Select选择的Text和_Value

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

    jQuery叶子Tab选项卡.zip

    代码简介:jQuery叶子Tab选项卡是一款基于CSS3 jQuery实现的动态滑动展示的选项卡Tab效果,选项卡在切换过程中带有动态滑动效果,选项卡内可以防止图片、文本或者图文混排内容。

    下拉列表选中项的文本值的赋值与取值

    本篇文章将详细讲解如何为下拉列表的选中项设置文本值以及如何获取选中项的文本值,这对于前端开发者来说是非常基础且重要的技能。 首先,我们要了解HTML中的`<select>`标签,它是创建下拉列表的基础。例如: ```...

    jQuery文章内容文本提示框插件.zip

    这款jQuery插件通常包括自定义样式、定位选项、触发事件和内容加载方式等特性,以适应各种设计需求。 在“jQuery文章内容文本提示框插件.zip”压缩包中,有两个关键文件:“说明.htm”和“jiaoben5261”。前者通常...

Global site tag (gtag.js) - Google Analytics