Jquery怎么获取select选中项 自定义属性的值
2016-07-13 14:30
627 查看
Jquery如何获取select选中项 自定义属性的值?
HTML code
JScript code
Jquery如何获取select选中项 自定义属性的值?
得出的是undefined!!
怎么获取select选中项中的自定义属性“emoney”的值!??
------解决方案--------------------------------------------------------
$("#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>
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")); //得出的是undefined }
Jquery如何获取select选中项 自定义属性的值?
得出的是undefined!!
怎么获取select选中项中的自定义属性“emoney”的值!??
------解决方案--------------------------------------------------------
$("#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>
相关文章推荐
- ajax跨域请求及传递cookie
- jQuery学习笔记之选择器
- 原生js仿jquery animate动画效果
- springmvc-ajax-jquery 异步校验登录【亲测可用】
- jQuery中mouseleave和mouseout的区别详解
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中
- 瀑布流的实现方式(原生js+jquery+css3)
- 瀑布流的三种实现方式(原生js+jquery+css3)
- JQuery Easy Ui dataGrid 数据表格
- Jquery EasyUi第一个例子
- 弹出层 jQuery+Css3 多功能表单弹出层插件
- jQuery tmpl index
- Django导入jquery
- 【JavaScript与JQuery获取H2的内容】
- jquery全局hover方法,支持全局调用
- 关于jQuery中的 offset() 和 position() 的用法
- 漂亮灵活设置的jquery通知提示插件toastr
- jquery鼠标移上div切换
- jquery Validform_v5.3.2 验证下载
- 【自制】简易轻量化前端树菜单插件(基于jquery制作)