Javascript JS内部Html中的PHP圆圈
当我按下按钮时,它应该添加一个div,就像下面的一样,调用名为Javascript JS内部Html中的PHP圆圈,javascript,php,html,Javascript,Php,Html,当我按下按钮时,它应该添加一个div,就像下面的一样,调用名为comida_campos()的JS函数 阿利门托 文件。写(“”); 守则的结果 以下是JS功能: var room = 1; function comida_campos() { room++; var objTo = document.getElementById('comida_campos') var divtest = document.createElement("div"); di
comida_campos()
的JS函数
阿利门托
文件。写(“”);
守则的结果
以下是JS功能:
var room = 1;
function comida_campos() {
room++;
var objTo = document.getElementById('comida_campos')
var divtest = document.createElement("div");
divtest.setAttribute("class", "form-group removeclass" + room);
var rdiv = 'removeclass' + room;
divtest.innerHTML = '<div class="col-sm-6 nopadding"><div class="form-group"> <input type="text" class="form-control" id="Degree" name="Degree[]" value="" placeholder="Quantidade/g"></div></div><div class="col-sm-6 nopadding"><div class="form-group"><div class="input-group"> <select class="form-control" id="educationDate" name="alimento[]"><option value="">Date</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option> </select><div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="remove_education_fields(' + room + ');"> <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </button></div></div></div></div><div class="clear"></div>';
objTo.appendChild(divtest)
}
var房间=1;
函数comida_campos(){
房间++;
var objTo=document.getElementById('comida_campos')
var divtest=document.createElement(“div”);
setAttribute(“类”、“窗体组removeclass”+房间);
var rdiv='removeclass'+房间;
divtest.innerHTML='Date2015201620172018';
对象追加子对象(divtest)
}
问题是,我想在圆圈位于
divtest.innerHtml
内时插入PHP,但我不知道如何执行此操作。PHP是服务器端,JS是客户端(浏览器)。服务器端脚本(本例中为PHP)在将响应发送到客户端之前执行。一旦客户机收到响应,JS将在浏览器中执行,并且不再具有访问PHP解释器的权限
答案很简单:不能从Javascript运行PHP
更正确的答案是:查看异步JS请求(AJAX)。这允许您在执行JS时向服务器发出单独的请求。-这将为您提供一个基本的理解和起点。是的,不,您不能将php编写到客户端系统。Php在服务器端进行评估,可能重复
var room = 1;
function comida_campos() {
room++;
var objTo = document.getElementById('comida_campos')
var divtest = document.createElement("div");
divtest.setAttribute("class", "form-group removeclass" + room);
var rdiv = 'removeclass' + room;
divtest.innerHTML = '<div class="col-sm-6 nopadding"><div class="form-group"> <input type="text" class="form-control" id="Degree" name="Degree[]" value="" placeholder="Quantidade/g"></div></div><div class="col-sm-6 nopadding"><div class="form-group"><div class="input-group"> <select class="form-control" id="educationDate" name="alimento[]"><option value="">Date</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option> </select><div class="input-group-btn"> <button class="btn btn-danger" type="button" onclick="remove_education_fields(' + room + ');"> <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </button></div></div></div></div><div class="clear"></div>';
objTo.appendChild(divtest)
}