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

Question

可能重复：
在选择列表中使用创建的属性和 javascript

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

<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。我如何从属性汽车中获取价值？

Answer 1

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

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

Answer 2

此属性不在选择中。这是第一个选项：

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