Приближается this.form от innerHTML

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)\" 

Здесь я попытался выполнить setformparam(this.form), когда я начало перетаскивания div окна, построенное внутри innerHTML сценария, но он не работает.

Любая другая функция, такая как 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, вы можете установить идентификатор элемента и называть его getElementById.

Или вы можете получить его по document.getElementsByTagName ("form") [x] где x - это индекс формы, которую вы хотите.