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

2024-08-23 04:18

本文主要是介绍Jquery如何获取select选中项 自定义属性的值?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

HTML code

<select id="ddl"οnchange="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

functionddl_change(obj){
  alert($("#ddl").attr("emoney"));
}

 

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

得出的是undefined!!

怎么获取select选中项中的自定义属性“emoney”的值!??

------解决方案--------------------------------------------------------

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

 

<!DOCTYPE html>

<htmllang="en">

<head>

<metacharset="UTF-8">

<title>Document</title>

<scripttype="text/javascript"src="jquery-1.8.1.min.js"></script>

<scripttype="text/javascript">

$(function(){

$('#lev').change(function(){

 

$('#lev2').html('<optionvalue="1" lev2="1">1</option><optionvalue="2" lev2="2">2</option><optionvalue="3" lev2="3">3</option><optionvalue="4" lev2="4">4</option><optionvalue="5" lev2="5">5</option>');

alert($('#lev').find('option:selected').attr('lev'));

$('#lev').find('option:selected').attr('selected','selected');

});

$('#lev2').change(function(){

alert($('#lev2').find('option:selected').attr('lev2'));

$('#lev2').find('option:selected').attr('selected','selected');

});

 

})

</script>

</head>

<body>

<selectid="lev">

<option value="1"lev="1">1</option>

<option value="2"lev="2">2</option>

<option value="3"lev="3">3</option>

<option value="4"lev="4">4</option>

<option value="5"lev="5">5</option>

</select>

<selectid="lev2">

 

</select>

</body>

</html>

 

来自 <http://www.cnblogs.com/leejersey/p/4047492.html>

 

这篇关于Jquery如何获取select选中项 自定义属性的值?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1098327

相关文章

Python获取浏览器Cookies的四种方式小结

《Python获取浏览器Cookies的四种方式小结》在进行Web应用程序测试和开发时,获取浏览器Cookies是一项重要任务,本文我们介绍四种用Python获取浏览器Cookies的方式,具有一定的... 目录什么是 Cookie?1.使用Selenium库获取浏览器Cookies2.使用浏览器开发者工具

springboot自定义注解RateLimiter限流注解技术文档详解

《springboot自定义注解RateLimiter限流注解技术文档详解》文章介绍了限流技术的概念、作用及实现方式,通过SpringAOP拦截方法、缓存存储计数器,结合注解、枚举、异常类等核心组件,... 目录什么是限流系统架构核心组件详解1. 限流注解 (@RateLimiter)2. 限流类型枚举 (

Java获取当前时间String类型和Date类型方式

《Java获取当前时间String类型和Date类型方式》:本文主要介绍Java获取当前时间String类型和Date类型方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录Java获取当前时间String和Date类型String类型和Date类型输出结果总结Java获取

C#监听txt文档获取新数据方式

《C#监听txt文档获取新数据方式》文章介绍通过监听txt文件获取最新数据,并实现开机自启动、禁用窗口关闭按钮、阻止Ctrl+C中断及防止程序退出等功能,代码整合于主函数中,供参考学习... 目录前言一、监听txt文档增加数据二、其他功能1. 设置开机自启动2. 禁止控制台窗口关闭按钮3. 阻止Ctrl +

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

spring中的@MapperScan注解属性解析

《spring中的@MapperScan注解属性解析》@MapperScan是Spring集成MyBatis时自动扫描Mapper接口的注解,简化配置并支持多数据源,通过属性控制扫描路径和过滤条件,利... 目录一、核心功能与作用二、注解属性解析三、底层实现原理四、使用场景与最佳实践五、注意事项与常见问题六

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识:线程号唯一、创建方式、属性设置(如分离状态与栈大小)、回收机制(join/detach)、退出方法(返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.

SpringBoot+EasyExcel实现自定义复杂样式导入导出

《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并