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>