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

在选择列表中使用javascript获取属性值,javascript,Javascript,可能重复: 我试图访问我在选择列表中创建的属性 <script language="JavaScript"> function updateUrl() { var newUrl = document.getElementById('test').getAttribute('car'); alert(newUrl); } </script> <select name= "test" id= "test" onChan

可能重复:

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

<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>

函数updateUrl()
{
var newUrl=document.getElementById('test').getAttribute('car');
警报(newUrl);
}
1.
2.
3.
4.

它一直给我零。如何从属性car中获取值?

此属性不在选择菜单上。在第一个选项中:

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

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

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

这正是我需要的。谢谢您使用
.car
对我不起作用,但将其更改为
.getAttribute('car')
为我解决了这个问题。谢谢。请看报纸。你不应该问同一个问题两次,编辑另一个问题就足够了(让问题出现在头版)。但这只适用于第一个选项,对吗?