`
boss5518831534
  • 浏览: 230940 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jQuery获取下拉框(select)的显示值和真实值

阅读更多
有如下HTML代码:
<select id="sel"> 
    <option selected value="111">111aaa</option> 
    <option value="222">222aaa</option> 
</select>

想通过jQuery获取select的显示值和真实值:
显示值:$(&quot;#sel option[selected]&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel option[selected]&quot;).val(); --结果为111 
#sel 是select的id
option 表示select下的所有option
[selected] 表示具有selected属性的option

也可以这样:
显示值:$(&quot;#sel option:selected&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel option:selected&quot;).val(); --结果为111 
这样也行:
显示值:$(&quot;#sel &gt; option:selected&quot;).text();  --结果为111aaa 

真实值:$(&quot;#sel &gt; option:selected&quot;).val(); --结果为111 

分享到:
评论

相关推荐

    jQuery手机下拉框select

    `jQuery手机下拉框select` 主要关注于改善移动端的用户体验,通过JavaScript和CSS增强下拉框的外观和功能。 ### jQuery Mobile Select Menu jQuery Mobile 提供了一个专门的 Select Menu 插件,用于将标准的...

    jQuery select下拉框美化代码.zip

    1. **初始化**:使用jQuery选择器获取所有的`&lt;select&gt;`元素,并为它们添加必要的类或ID,以便于后续的样式应用和事件绑定。 2. **事件监听**:添加事件监听器,如`click`事件,当用户点击下拉框时触发自定义的显示...

    jQuery获取Select选择的Text和_Value

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

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

    ### 使用jQuery获取与...以上介绍了如何使用jQuery来获取和设置下拉框(`&lt;select&gt;`元素)及其子`&lt;option&gt;`元素的各种属性。这些技巧对于Web前端开发者来说是非常实用的,可以帮助快速高效地完成交互逻辑的设计与实现。

    80、jquery select下拉框美化代码

    本知识点聚焦于"80、jquery select下拉框美化代码",主要讨论如何使用jQuery来美化HTML中的select元素,以提升用户界面的视觉效果和用户体验。 传统的HTML select元素在不同浏览器中的样式表现不一,且通常缺乏...

    jQuery select下拉框单选和多选插件

    **jQuery select下拉框单选和多选插件** 在Web开发中,下拉框(select)是常用的一种用户交互元素,它用于提供多个选项供用户选择。然而,原生的HTML select元素在样式和交互性上往往显得较为单一。为了解决这个...

    jQuery操作select下拉框的text值和value值的方法

    1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...

    Jquery获取Select标签的值

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

    jQuery多选下拉框插件

    总之,`jquery.multi-select.js`是提高网页中多选下拉框用户体验的有效工具,它结合了jQuery的强大功能和易用性,使得Web开发变得更加简单和高效。无论是初学者还是经验丰富的开发者,都能从中受益。

    jQuery Select下拉框分类菜单多选插件

    总结来说,"jQuery Select下拉框分类菜单多选插件"是一个强大的工具,它通过jQuery的灵活性和功能,解决了传统HTML选择器在处理复杂选择需求时的局限性。通过分类、多选和搜索等功能,它提升了用户在网页上的操作...

    jquery获取下拉框中的循环值

    话不多说,请看代码: &lt;select class=test id=projectno name=projectno&gt;  请输入您的所在小区 ...想要获取循环的值,把默认值的value设置为空就可以: var cell = $.trim($(#projectno).val());

    jquery flexbox 下拉框插件

    jQuery Flexbox 下拉框插件结合了jQuery的强大功能和Flexbox的布局优势,为开发者提供了高效、灵活且美观的下拉菜单解决方案。通过深入理解和实践,我们可以利用这个插件创建出符合现代网页设计标准的交互元素,提升...

    jQuery自定义下拉框.zip

    本项目“jQuery自定义下拉框”是针对原生HTML下拉选择框(`&lt;select&gt;`元素)的一种美化和功能增强方案,旨在提供更优雅、用户友好的交互体验。下面将详细阐述其主要知识点。 1. **jQuery库的使用**:jQuery库通过...

    jQuery下拉框美化插件selectList.rar

    总结来说,"jQuery下拉框美化插件selectList"是提升网站用户体验的一个有效工具,它通过简单的API和丰富的定制选项,使开发者能够快速创建出美观且功能强大的下拉框组件。无论是个人项目还是企业级应用,selectList...

    jQuery Select下拉框美化代码.zip

    同时,还需要编写代码处理用户的选择,更新Select元素的值和状态。 6. **CSS样式** CSS文件用于定义美化后的下拉框样式,包括背景色、边框、字体、鼠标悬停效果等。可能还会使用伪类和过渡效果来增加交互感。 7. ...

    jQuery Select下拉框美化特效.zip

    在实际应用中,"jQuery Select下拉框美化特效"可广泛应用于表单、过滤器、导航菜单等多种场景,提升网页的视觉效果和用户交互体验。对于前端开发者来说,掌握这类美化技巧是提高网页设计水平的重要一步。通过学习和...

    Jquery实现下拉框多选

    本主题将深入探讨如何使用jQuery实现下拉框的多选功能,以提升用户体验和交互性。以下是对"Jquery实现下拉框多选"这一知识点的详细解释。 一、jQuery与HTML Select元素 在HTML中,`&lt;select&gt;`元素用于创建下拉菜单...

    jQuery自定义下拉框 jQuery自定义下拉框网页特效.zip

    本资源"jQuery自定义下拉框 jQuery自定义下拉框网页特效.zip"显然包含了一个使用jQuery实现的自定义下拉框效果,适用于提升网页的用户体验和视觉吸引力。 首先,我们要理解CSS在自定义下拉框中的作用。CSS(层叠...

    利用jquery获取select下拉框的值

    jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。 我的下拉框是: &lt;select class=form-control id=iv_level&gt;... jquery获取内容采用:  var iv_level=jQuery(“#iv_level option:

    jquery+html自定义select下拉框,下拉框美化

    在网页设计中,为了提供更好的用户体验和视觉效果,开发者经常需要对HTML元素进行自定义和美化,特别是像`&lt;select&gt;`这样的下拉框。本文将详细介绍如何使用jQuery和HTML来创建自定义的下拉框,并对其进行美化和优化。...

Global site tag (gtag.js) - Google Analytics