PHP JavaScript多个按钮添加新文本字段
因此,我已经有一段时间没有使用PHP了,我正在尝试使用javascript/PHP表单。我的全部目标是,当我单击左侧的项目时,它会在右侧添加一个新的文本字段。该值被发送到右侧 问题是,现在无论我点击哪个按钮,它都会发送相同的值PHP JavaScript多个按钮添加新文本字段,javascript,php,forms,button,Javascript,Php,Forms,Button,因此,我已经有一段时间没有使用PHP了,我正在尝试使用javascript/PHP表单。我的全部目标是,当我单击左侧的项目时,它会在右侧添加一个新的文本字段。该值被发送到右侧 问题是,现在无论我点击哪个按钮,它都会发送相同的值 您的问题似乎与脚本的php部分无关。相反,您应该使用document.onclick函数的第一个参数event对象,通过如下方式定义函数: document.onclick=function(ev){ // ev is an object containing infor
您的问题似乎与脚本的php部分无关。相反,您应该使用document.onclick函数的第一个参数event对象,通过如下方式定义函数:
document.onclick=function(ev){ // ev is an object containing information about the click event
var clickedDOMElement = ev.target;
// .. build the new element based on data from clickedDOMElement
}
为了进一步查看页面上的可单击元素,最好不要将click事件处理程序绑定到整个文档,而是绑定到div categoryName。下面,您将看到一个小演示,其中包含与PHP创建的数据类似的数据——我希望如此。在这里,您可以看到如何构造click事件处理程序,以便它能够检测单击的元素并对其进行操作:
var rowsTarget=document.getElementById'AddRowsher';
document.getElementById'categoryName'.onclick=functionev{
var=ev.target;
设d=document.createElementdiv;d.setAttributeclass,col-md-4;
d、 innerHTML=
++点击.textContent
+;
rowsTarget.appendchild;
}
.tabcontent{宽度:50%}
1-第一项
2-第二项
3-第三项
4-第四项
5-第五项
6-第六项
7-第七项
8-第八项目
9-第9项
10-第十个项目
将在此处显示行:
document.onclick=function(ev){ // ev is an object containing information about the click event
var clickedDOMElement = ev.target;
// .. build the new element based on data from clickedDOMElement
}