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

相关文章

Spring Security自定义身份认证的实现方法

《SpringSecurity自定义身份认证的实现方法》:本文主要介绍SpringSecurity自定义身份认证的实现方法,下面对SpringSecurity的这三种自定义身份认证进行详细讲解,... 目录1.内存身份认证(1)创建配置类(2)验证内存身份认证2.JDBC身份认证(1)数据准备 (2)配置依

SpringBoot整合mybatisPlus实现批量插入并获取ID详解

《SpringBoot整合mybatisPlus实现批量插入并获取ID详解》这篇文章主要为大家详细介绍了SpringBoot如何整合mybatisPlus实现批量插入并获取ID,文中的示例代码讲解详细... 目录【1】saveBATch(一万条数据总耗时:2478ms)【2】集合方式foreach(一万条数

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

C# foreach 循环中获取索引的实现方式

《C#foreach循环中获取索引的实现方式》:本文主要介绍C#foreach循环中获取索引的实现方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、手动维护索引变量二、LINQ Select + 元组解构三、扩展方法封装索引四、使用 for 循环替代

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Linux下如何使用C++获取硬件信息

《Linux下如何使用C++获取硬件信息》这篇文章主要为大家详细介绍了如何使用C++实现获取CPU,主板,磁盘,BIOS信息等硬件信息,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录方法获取CPU信息:读取"/proc/cpuinfo"文件获取磁盘信息:读取"/proc/diskstats"文

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n