input 태그의 id에 반복문을 돌때마다 달라지는 index를 추가하여 유일한 값을 넣는다.
button 태그에 데이터요소를 추가(data-xxx)하여 index값을 가져올 수 있게 만든다.
document.querySelectorAll('.todolistmod').forEach(e => {
e.addEventListener('click', ev => {
let tlIdx = ev.target.dataset.tlidx;
console.log('tlIdx: '+tlIdx);
let todolistIdx = tlIdx;
let todolistTitle = document.getElementById('tltitle'+tlIdx).value;
console.log('todolistIdx: '+todolistIdx);
console.log('todolistTitle: '+todolistTitle);
//stompClient_modTodoList.send("/app/modify-todolist/" + [[${planner.tpIdx}]], {}, JSON.stringify({'title':todolistTitle, 'tlIdx':todolistIdx}));
});
})
JavaScript
복사
해당 클래스의 버튼을 클릭했을 때 데이터요소로 index값을 가져오고
가져온 index값을 이용하여 input 태그의 값을 불러온다.