選択リストにJavaScriptを使用して

Question

可能性の重複を属性値を取得する：私は選択リストで作成した属性にアクセスしようとし
Use created attribute with javascript in select list

イム。

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