javascript - 在选择列表中使用 created 属性和 javascript

Question

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

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

<input type="text" id="test" car="red" value="create Attribute test" size="40"/> 
<input type="button" value="submit" onclick="updateUrl();"> 

它一直给我不确定。我如何从属性车中获取字符串红色？

编辑。我用它现在警报为空的选择列表尝试了它

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

Answer 1

尝试这个：

var newUrl = document.getElementById('test').getAttribute('car');

编辑

对于<select>，您必须查看所选<option>元素，而不是其<select>本身：

var select = document.getElementById('test');
select.options[select.selectedIndex].getAttribute('car');