在数组中的复选框上调用.name将返回undefined

Question

这是我通过谷歌地图添加标记的功能我希望引脚的标题是checkboxArray项目上的名称prop，当我尝试时，我似乎只能得到未定义。我会喜欢一些反馈。

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