Jquery获取select选中项 option中自定义属性的值

最新推荐文章于 2024-05-05 15:54:12 发布

魁玉

最新推荐文章于 2024-05-05 15:54:12 发布

阅读量4.4k

点赞数 3

CC 4.0 BY-SA版权

文章标签： select选中项option option自定义属性 select选中项自定义属性

本文链接：https://blog.youkuaiyun.com/weixin_42326446/article/details/85275800

本文探讨了在使用jQuery时遇到的问题，即无法直接通过元素ID获取下拉菜单中选中项的emoney属性值，提供了一个正确的解决方案：使用find方法结合selected选择器来正确获取emoney属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML code

<select id="ddl" onchange="ddl_change(this)"">
   <option value="100" emoney="12" gmoney="12">日卡</option>
   <option value="102" emoney="58" gmoney="58">月卡</option>
   <option value="103" emoney="518" gmoney="518">年卡</option>
<select>
JScript code

function ddl_change(obj){
   alert($("#ddl").attr("emoney"));
}
上述jquery代码得出的结果是undefined!!

解决

$("#ddl").find("option:selected").attr("emoney")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

魁玉

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jQuery获取多个select下拉框中的option的text值实现方法，jq读取同名下的select下拉框的选中的值

weixin_41315600的博客

07-02

1835

jQuery获取多个select下拉框中的option的text值实现方法，jq读取同名下的select下拉框的选中的值

JQuery中对Select的option项的添加、删除、取值

10-26

这篇文章将深入探讨如何使用jQuery来获取`<select>`中的选项值、文本，以及如何添加、删除和管理这些选项。首先，让我们了解一下如何获取用户在`<select>`中选定的选项的文本和值。假设我们有一个ID为`select_id`...

参与评论您还未登录，请先登录后发表或查看评论

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

10-21

下面小编就为大家带来一篇jQuery获取select选中的option的value值实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

使用jquery获取select中选中的option的值和自定义属性的值

徊忆羽菲

12-07

1179

使用jquery获取select中选中的option的值和自定义属性的值jquer语法select内容 jquer语法 //通过绑定change事件，当下拉框内容发生变化时事件被启动 $("#qipa250").bind("change",function(){ //获取被选中的option的值 var name = $(this).val(); ...

jquery获取option自定义属性

当下的七炎

11-01

1346

$().ready(function(){$("#selects").change(function(){ //下拉框改变时取得值 $("#result").html("价格："+$("select option:selected").attr("jiag")); //显示值});});

jQuery获取select中选中的option的值和自定义属性的值

热门推荐

cat_pp的博客

11-29

2万+

使用jQuery获取获取select下拉框中option的值：//通过绑定change事件，当下拉框内容发生变化时事件被启动 $("#wlms").bind("change",function(){ //获取被选中的option的值 var miaoshu = $(this).val(); //获取自定义属性的值 var bianhao

Jquery获取select选中项自定义属性的值

qq_40308101的博客

07-04

661

$("#ddl_bonus").find("option:selected").attr("value")

浅析jQuery对select操作小结(遍历option,操作option)

10-27

通过使用jQuery的val()方法，可以直接获取到下拉选单（select元素）当前选中的option的值。也可以用:text来获取选中的option的文本内容，或者使用find()方法来找到选中的option后再用:text来获取其文本内容。在某些...

JS实现select选中option触发事件操作示例

10-18

在该函数中，我们通过`getElementById`获取`<select>`元素，然后使用`options`属性和`selectedIndex`属性来获取当前选中的`<option>`。最后，我们可以访问选中`<option>`的自定义属性，如`grade`，并弹出警告框显示...

select option带自定义图片

09-19

以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。首先，我们需要理解HTML基础。`<select>`元素创建一个可选列表，用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...

jquery获得select option的值和对select option的操作

光光之Csdn博客

10-18

843

jQuery获取Select元素，并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text

Jquery获取select选中项 自定义属性的值

小石头

06-16

506

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-1.8.1.min.js"></script> <script type="text/javascript"> $(function(){ .

zepto 获取select元素的选中option中的value，text和自定义属性

zisgood的博客

01-17

3339

例子： 123123 456456 取值方法1：取自定义属性值 $('select option:checked').attr('zidingyi'); 取text值 $('select option:checked').text(); 取value值 $('select option:checked').val(); 取值方法2：取自定义属

jQuery取得select选择的文本与值

摘取天上星

12-09

2703

jquery获取select选择的文本与值获取select ：获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype

使用jQuery获取select中选中的option