js获取select下拉标签中option的属性值

发布时间:2020-11-08编辑:脚本学堂
本文介绍下,用js实现获取select下拉标签中,option的属性值的方法,有需要的朋友,参考下吧。

代码如下:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>select标签下option的自定属性值_www.jb200.com</title> 
<mce:script   language="javascript"><!-- 
window.onload=function(){ 
var obj=document.getElementById("select"); 
var index=obj.selectedIndex; 
var text=obj.options[index].getAttribute("lrc"); 
alert(text); 

// --></mce:script> 
</head> 
<body> 
<select name="select" id="select"  >  
   <option lrc="aa.lrc" >str1 </option>  
   <option lrc="dd.lrc" >str2 </option>
   <option lrc="www.jb200.com" >脚本学堂</option>
  </select>  
</body> 
</html> 

>>> 您可能感兴趣的文章:
JavaScript 移动和重排option选项的方法
JavaScript 移除option选项的方法
JavaScript 选择option选项的方法
JavaScript 添加option选项的方法
js 添加、修改、删除select中option元素的实现代码
js动态添加与删除 select option的代码
js获取select下拉标签中option的属性值
js删除select下拉列表框中option选项的多种方法(附代码)
js移动(增加删除)select option的实现代码
js 控制select下拉列表框中option选项的上下移动
Js动态添加select的option选项的代码
javascript操作Select options集合的实例介绍
JS动态添加与删除option选项的代码
js页面跳转 option location页面跳转的代码实例