动态添加表单输入时在Javascript中使用PHP代码

动态添加表单输入时在Javascript中使用PHP代码,javascript,php,html,Javascript,Php,Html,我正在试着做一个表格来登记产品的详细信息。 每次用户单击“添加”按钮时,我都想添加更多的输入字段,以便用户输入他们的产品 代码如下所示 <form id="myform"> <label>Product Name</label> <input type="text" name="productname0" value="> <?= !empty($data["error_productname0"]) ? "<p class=\"hel

我正在试着做一个表格来登记产品的详细信息。 每次用户单击“添加”按钮时,我都想添加更多的输入字段,以便用户输入他们的产品

代码如下所示

<form id="myform">
<label>Product Name</label>
<input type="text" name="productname0" value=">
<?= !empty($data["error_productname0"]) ? "<p class=\"help is-danger\">". $data["error_productname0"] ."</p>": ""; ?> 
</form>

<script>
    $("button.add").click(function(){
        let inputNumber = $("#myform").children("input").length;
        $("#myform").append(returnNewInput(inputNumber));
    });


    function returnNewInput(n) {

        return `<input type="text" name="productname${n}" value="">
                <?= !empty($data["error_productname${n}"]) ? "<p class="help is-danger">$data["error_productname${n}"]</p>": ""; ?>`;

    }
</script>

是否不可能在Javascript代码中实现诸如empty、isset等PHP代码?我认为PHP代码只是Javascript中的一块字符串。

PHP在服务器端执行。执行后,结果将发送到用户的web浏览器。PHP绝对不会在用户的浏览器中运行,所以这样做根本不起作用

对于您面临的问题,有两种解决方案:
1) 您可以使用JS来完成您想要做的事情。
2) 您可以向服务器发出ajax请求,让PHP呈现一些HTML供您使用,然后检索结果并使用JS插入

第一种解决方案显然更好,因为第二种解决方案对于完成相同的任务来说要复杂得多,效率也低得多


请记住这一点:PHP用于设置网页或ajax请求结果的初始状态,而不是在之后对其进行修改。

PHP在服务器端执行。执行后,结果将发送到用户的web浏览器。PHP绝对不会在用户的浏览器中运行,所以这样做根本不起作用

对于您面临的问题,有两种解决方案:
1) 您可以使用JS来完成您想要做的事情。
2) 您可以向服务器发出ajax请求,让PHP呈现一些HTML供您使用,然后检索结果并使用JS插入

第一种解决方案显然更好,因为第二种解决方案对于完成相同的任务来说要复杂得多,效率也低得多


请记住:PHP用于设置网页或ajax请求结果的初始状态,而不是在之后进行修改。

您不能调用这样的PHP函数,请记住,PHP在进入浏览器时就已经完成了。您不能调用这样的PHP函数,记住,当PHP进入浏览器时,它就完成了。
Notice: Undefined variable: n