Javascript 如何将使用ajax创建的元素的值分配给隐藏的表单字段？

有一个带按钮的div。单击按钮时，将显示一个表单。然后将div的id分配给表单的一个隐藏字段。这适用于加载页面时页面上的div。它不适用于加载页面后由ajax创建的div

<div class=\"maincircle\">
    <div class=\"textcircle\" data-id=\"$name\" onclick=\"displayLevel3('$name');\">". $row['name'] ."</div>
    <button class=\"add1\" id=\"$name\" onclick=\"toggle_visibility('addleaf');\"></button>
    <button class=\"add2\" data-id=\"$name\" onclick=\"toggle_visibility('addsibling');\"></button>
    <button class = \"delete\" data-id= \"$name\"></button>
</div>

以下javascript不适用于这些由ajax创建的div按钮：

var buttons = document.querySelectorAll('button');

for (var i=0; i<buttons.length; ++i) {
  buttons[i].addEventListener('click', clickFunc);
}

function clickFunc() {
  var id = this.id; 
  document.getElementById('parent').value = id;
  document.getElementById('sibling').value = id;
}

var buttons=document.querySelectorAll（'button'）；
对于（var i=0；i您必须使用jQuery:-

您必须使用jQuery：-

已给出答案。您也可以尝试使用以下选项：

$(document).ready(function() {
     $(".add1").click(function() {
           var id = $(this).attr('id');

           alert(id);
     });
});

已给出答案。您也可以尝试使用以下选项：

$(document).ready(function() {
     $(".add1").click(function() {
           var id = $(this).attr('id');

           alert(id);
     });
});

是否需要使用
JavaScript
方法？您可以尝试改用
jQuery
。使用警报（“Hello World！”）要检查它是否在单击按钮时返回。什么是
parent
和
sibling
？能否显示它的html。不清楚它们添加到了哪里？molihua是否检查了答案？parent和sibling是表单隐藏字段的ID。按钮的值应该分配给这些字段。是否需要使用
JavaScript
方法？您可以尝试改用
jQuery
。使用警报（“Hello World！”）若要检查它是否在单击按钮时返回。什么是
父项
和
同级
？能否显示它的html。不清楚它们添加到了哪里？molihua是否检查了答案？父项和同级是表单隐藏字段的ID。按钮的值应该分配给这些字段。我应该发布它，然后believe、 这将很容易解决@Alive to Die的问题。我认为这也是一个解决方案，即使授权也可以。我正在进一步研究。非常感谢。这一定很愚蠢，但为什么还没有将值分配给隐藏字段（父字段和同级字段）？即使是现在直接加载到页面上的警报也没有。当我将警报放在var id下时，我可以看到它确实得到了正确的值。谢谢你，我使用$（“#parent”）.val（id）；@molihua很高兴帮助你：）：）我应该发布它并相信，这将很容易解决“活到死”的问题。我认为这也是解决方案，即使是授权也可以做到这一点。我正在进一步调查。非常感谢你。这一定很愚蠢，但为什么这些值还没有分配给隐藏字段（父字段和同级字段）？即使是那些现在直接加载到页面上的。当我将警报放在var id下时，我可以看到它确实得到了正确的值@molihua很高兴为您提供帮助：）：）谢谢，这确认了没有为使用ajax创建的按钮分配值。我正在核对上面的答案。我已经检查了活动授权，我认为这也必须解决问题。我正在努力让它工作。非常感谢。谢谢，这确认了没有为使用ajax创建的按钮分配值。我正在核对上面的答案。我已经检查了活动授权，我认为这也必须解决问题。我正在努力让它工作。非常感谢。
$(document).ready(function() {
     $(".add1").click(function() {
           var id = $(this).attr('id');

           alert(id);
     });
});