Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/288.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PHP JavaScript多个按钮添加新文本字段_Javascript_Php_Forms_Button - Fatal编程技术网

PHP JavaScript多个按钮添加新文本字段

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了,我正在尝试使用javascript/PHP表单。我的全部目标是,当我单击左侧的项目时,它会在右侧添加一个新的文本字段。该值被发送到右侧

问题是,现在无论我点击哪个按钮,它都会发送相同的值


您的问题似乎与脚本的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
}