在选择列表中使用javascript获取属性值

时间:2012-04-29 04:39:45

标签: javascript

  

可能重复:
  Use created attribute with javascript in select list

我试图访问我在选择列表中创建的属性。

<script language="JavaScript">
function updateUrl()
    {
        var newUrl = document.getElementById('test').getAttribute('car');
        alert(newUrl);
    }
</script>

<select name= "test" id= "test" onChange= "updateUrl()">
     <option value="1" selected="selected" car="red">1</option> 
     <option value="2" car="blue" >2</option> 
     <option value="3" car="white" >3</option> 
     <option value="4" car="black" >4</option>    
</select>

它一直给我null。我如何从属性汽车获得价值?

2 个答案:

答案 0 :(得分:6)

如果您的意思是从所选选项的car属性中获取值:

//get the option's car attribute at selectedIndex
var car = document.getElementById('test').options[select.selectedIndex].car;

答案 1 :(得分:5)

此属性不在选择上。这是第一个选择:

document.getElementById('test').options[0].getAttribute('car')