在數組中的複選框上調用.name返回undefined

Question

這是我通過谷歌地圖添加標記的函數我希望標題的引腳是checkboxArray項目上的名稱prop，我似乎只能在嘗試時得到undefined。名字我會喜歡一些反饋。

function addMarker() { 
    console.log(checkboxArray[iterator].name) 
    markers.push(new google.maps.Marker({ 
    position: things[iterator], 
    map: map, 
    title: checkboxArray[iterator].name, 
    draggable: false, 
    animation: google.maps.Animation.DROP 
    })); 
    iterator++; 
} 

當我console.log(checkboxArray[iterator].name)我得到undefined 當我console.log(checkboxArray[iterator])我得到<option value="40.7002593,-111.7941413" name="French Fry" selected="" class="in">French Fry</option> 什麼想法？

Answer 1

使用的getAttribute（）

checkboxArray[iterator].getAttribute("name"); 

JSFIDDLE