js如何获取option中的自定义属性
来源:原创
时间:2015-08-25
作者:脚本小站
分类:JS/JQuery
获取option中的自定义属性的方法和一般获取表单属性的方法不太一样,因为option有好多选项,获取到属性的对象是一个集合。
下面的代码可以直接复制调试:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>js获取option中的自定义属性</title>
</head>
<body>
<select name="" id="hello">
<option value="1" path="12-21" selected>55</option>
<option value="1" path="12-21-21">44</option>
<option value="1" path="12-21-21-21">33</option>
<option value="1" path="12-21-21">22</option>
<option value="1" path="12">11</option>
</select>
<script>
var hello = document.getElementById('hello');
hello.onchange = function (){
getValue();
}
function getValue(){
var obj=document.getElementById("hello");
var index=obj.selectedIndex;
var path=obj.options[index].getAttribute("path");//options[index]属性集合中的第几个
alert(path);
return path;
}
</script>
</body>
</html>