在选择列表中使用javascript创建的属性

时间:2012-04-29 02:31:09

标签: javascript

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

<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();"> 

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

修改。我尝试使用选择列表,它现在提醒null

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

1 个答案:

答案 0 :(得分:8)

试试这个:

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

修改

对于<select>,您必须查看选定的<option>元素,而不是<select>本身:

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