javascript - 在选择列表中使用带有 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();"> 

它一直给我未定义的。我如何从属性 car 中获取红色字符串？

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

<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');