자바 스크립트로 동적으로 생성 된 요소 관리하기

Question

특정 기준에 따라 Google지도에 마커를 생성하는 코드가 있습니다. 내가하려는 것은 각 주소 옆에있는 확인란뿐 아니라 목록에 나타나는 각 표식과 연관된 주소를 포함하는지도 옆에 목록을 생성하는 것입니다. 이 목록의 맨 아래에는 체크 박스가 선택된 결과 만 반환하는 "수정"버튼이 있습니다.

내 질문은 : 나는 업데이트하고 조정 버튼으로 선택을 수정할 수 있도록

1. 가 어떻게 동적으로 생성 된 체크 박스와 각각의 주소 필드를 저장할 것인가?

2. 지도에서 마커를 제거하는 onClick 함수를 실행하기 위해 어떻게 각 확인란을 실제로 설정해야합니까?

Answer 1

이벤트 핸들러를 추가하는이 체크 박스를 실행하려면 해당 사업부

var holder = document.getElementById('holdingDiv'); 
var newCheckbox = document.createElement('input'); 
newCheckbox.type = 'checkbox'; 
newCheckbox.id = 'holdingDiv_option' + someValueIdentifier; 
holder.appendChild(newCheckbox); 

안에 즉석에서 체크 박스를 만들기 :

그런 다음 모든 체크 박스의 클릭을 처리하기 위해 myGeneralHandler을 설정

// modify this if not just a bunch of checkboxes in a div: 
var checkboxes = holder.getElementsByTagName('input'); 
for(var i=0; i < checkboxes.length; ++i) { 
    var thisCheckBoxId = checkboxes[i].id; 
    // create a listener 
    var callback = function(event) { 
     myGeneralHandler(i, event); 
    } 
    if(checkboxes[i].addEventListener) { 
     checkboxes[i].addEventListener('click', callback, false); 
    } else { //IE 
     checkboxes[i].attachEvent('click', callback); 
    } 
} 

.