Jquery使用唯一的PHP编号追加文本框 - Jquery append textbox with unique PHP number

Jquery append textbox with unique PHP number

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

代码：

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

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

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

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

您可以使用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++;
});