php - Jquery附加具有唯一PHP编号的文本框

Question

我有一个网站，当用户单击按钮时，它会将文本框附加到 div。文本框效果很好。现在，我想为id每个盒子生成一个唯一的数字。下面的代码给了我 0 作为id每个盒子的。我试图让他们去 1,2,3,4...

代码：

<?php $x=0; ?> 

$("#add").click(function(){
    $('#boxes').append(<input type="text" id="<?php echo $x; $x++; ?>">);
});

Answer 1

PHP 代码在执行 javascript 代码之前更早地执行。但是在您的代码示例中，您尝试同时执行两者。事实并非如此。

您需要使用 javascript 变量而不是 PHP 变量：

var x = 0;
$("#add").click(function() {
    $('#boxes').append('<input type="text" id="' + ++x + '">');
});

Answer 2

您可以使用 PHP 变量作为您的 javascript 变量的基础，也可以只使用普通的 javascript。

//note, $x can be anything e.g. 1
var boxID = '<?php echo $x; ?>'; 

$("#add").click(function(){
    //insert new box, increase boxID
    $('#boxes').append('<input type="text" id="'+boxID+'">');
    boxID++;
});