Jquery怎么获取select选中项 自定义属性的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery怎么获取select选中项 自定义属性的值相关的知识，希望对你有一定的参考价值。
Jquery获取select选中项 自定义属性的值的方法：
示例代码：
1、html代码：
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery中attr()方法</title>
<script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" ></script>
<style>
pcolor:red
licolor:blue;
.lilifont-weight:bold;color:red;
#lilifont-weight:bold;color:red;
</style>
</head>
<body>
<select id="mysel" title="选择提示">
<option>nba</option>
<option>fifa</option>
</select>
<script>
...
</script>
</body>
<html>
2、jquery代码获取自定义属性：
使用attr(name)获取title值：
<script>
alert($("#mysel").attr("title"));
</script>
3、显示结果：
$("#ddl").find("option:selected").attr("emoney");
<!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()
$('#lev').change(function()
$('#lev2').html('<option value="1" lev2="1">1</option><option value="2" lev2="2">2</option><option value="3" lev2="3">3</option><option value="4" lev2="4">4</option><option value="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>
<select id="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>
<select id="lev2">
</select>
</body>
</html>
标签: jquery 参考技术B
你好，首先执行下列代码：
浏览器输出如下：
具体解释在代码注释里说明了，有什么不懂的地方，欢迎追问。
以上是关于Jquery怎么获取select选中项 自定义属性的值的主要内容，如果未能解决你的问题，请参考以下文章