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

相关文章

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

css中的 vertical-align与line-height作用详解

《css中的vertical-align与line-height作用详解》:本文主要介绍了CSS中的`vertical-align`和`line-height`属性,包括它们的作用、适用元素、属性值、常见使用场景、常见问题及解决方案,详细内容请阅读本文,希望能对你有所帮助... 目录vertical-ali

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

C++常见容器获取头元素的方法大全

《C++常见容器获取头元素的方法大全》在C++编程中,容器是存储和管理数据集合的重要工具,不同的容器提供了不同的接口来访问和操作其中的元素,获取容器的头元素(即第一个元素)是常见的操作之一,本文将详细... 目录一、std::vector二、std::list三、std::deque四、std::forwa

使用Python高效获取网络数据的操作指南

《使用Python高效获取网络数据的操作指南》网络爬虫是一种自动化程序,用于访问和提取网站上的数据,Python是进行网络爬虫开发的理想语言,拥有丰富的库和工具,使得编写和维护爬虫变得简单高效,本文将... 目录网络爬虫的基本概念常用库介绍安装库Requests和BeautifulSoup爬虫开发发送请求解

浅析CSS 中z - index属性的作用及在什么情况下会失效

《浅析CSS中z-index属性的作用及在什么情况下会失效》z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fi... 目录1. z-index 属性的作用2. z-index 失效的情况2.1 元素没有定位属性2.2 元素处

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(