innerHTML에서 this.form 접근하기

Question

this.form을 호출하는 함수를 다루는 데 문제가 있습니다. 여기

내 소스 코드의 일부입니다 : 여기

searchResult.innerHTML += "<td><div class=\"searchcard\" draggable=\"true\" ondragstart=\"isexc=0; clickselect(" 
searchResult.innerHTML += i 
searchResult.innerHTML += "); setformparam(this.form); onDragStart(event)\" 

내가 innerHTML 스크립트 내에서 건설 div 상자를 끌어 시작할 때 setformparam(this.form)을 수행하기 위해 시도했지만 작동하지 않습니다.

기타 기능은 isexc=0, clickselect(i)과 같이 잘 작동합니다.

this.form 내 JavaScript 내에서 액세스하는 방법을 가르쳐주십시오. 감사.

Answer 1

는

$(this).children('form') 및 요소를 만드는 끔찍한 방법입니다하지 'this'

Answer 2

을 시도합니다. DOM을 사용하십시오 :

var cell = document.createElement("td"); 
var searchCard = document.createElement("div"); 
searchCard.className = "searchcard"; 
searchCard.draggable = true; 

(function(i) { 
    searchCard.addEventListener("dragstart", function(e) { 
     isexc = 0; 
     clickselect(i); 
     setformparam(someForm); 
     onDragStart(e); 
    }, false); 
})(i); // I’m just assuming `i` here is a loop variable of some kind 
     // You should probably use Array.prototype.forEach 

cell.appendChild(searchCard); 
searchResult.appendChild(cell); 

그리고 이벤트 위임을 사용하고 전역 변수 사용을 중지하십시오. 잠재적으로 여기를 정리할 수있는 많은 것들이 있지만, 아마도 Code Review을 시도해야합니다.

Answer 3

당신이 요구하는 것이 맞는지는 모르겠지만 DOM 객체로 양식 요소를 가져 오려면 요소에 id를 설정하고 getElementById으로 호출하면됩니다.

또는 으로 가져올 수 있습니다. document.getElementsByTagName ("form") [x] 여기서 x는 원하는 양식의 색인입니다.