有如下HTML代码:
<select id="sel">
<option selected value="111">111aaa</option>
<option value="222">222aaa</option>
</select>
想通过jQuery获取select的显示值和真实值:
显示值:$("#sel option[selected]").text(); --结果为111aaa
真实值:$("#sel option[selected]").val(); --结果为111
#sel 是select的id
option 表示select下的所有option
[selected] 表示具有selected属性的option
也可以这样:
显示值:$("#sel option:selected").text(); --结果为111aaa
真实值:$("#sel option:selected").val(); --结果为111
这样也行:
显示值:$("#sel > option:selected").text(); --结果为111aaa
真实值:$("#sel > option:selected").val(); --结果为111
分享到:
相关推荐
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
jQuery select下拉框美化代码基于jquery.1.10.2.min.js制作,点击下拉框,显示下拉框内容。
80、jquery select下拉框美化代码
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
话不多说,请看代码: <select class=test id=projectno name=projectno> 请输入您的所在小区 ...想要获取循环的值,把默认值的value设置为空就可以: var cell = $.trim($(#projectno).val());
jQuery Select下拉框分类菜单多选插件一款功能比较全面的自定义下拉菜单选项多选代码,除了可以对选项进行分类,还带有搜索功能。
jquery下拉框选择select美化插件FancySelect.js
jQuery下拉框美化插件selectList是一款简单、轻量级、跨浏览器的jquery下拉框模拟插件,支持键盘操作选项、支持ESC关闭下拉框。
代码简介:jQuery Select下拉框美化特效是一款绿色清新风格的带有滚动条下拉框代码。
jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。 我的下拉框是: <select class=form-control id=iv_level>... jquery获取内容采用: var iv_level=jQuery(“#iv_level option:
ui-select.js下拉框美化插件是一款能增强和美化网页默认select下拉框元素的jQuery Select下拉框美化代码,并且在所有浏览器中样式显示一致。
jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件
jquery.multi-select.js是一款jQuery多选下拉框插件。该插件可以将select元素转换为带checkbox的多选下拉框,非常实用。
但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以...
html中默认的select太丑了,使用jquery+html自定义下拉框。样式随心所欲。
jQuery Select下拉框关键字匹配查询选择代码
JQuery select下拉框美化插件是一款jquery结合jQueryUI对select下拉框美化以及功能性禁用的js插件。