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

在执行javascript代码之前，PHP代码已经被抢占了。但是在您的代码示例中，您尝试同时执行这两个操作。事实并非如此。

您需要使用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++;
});

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

2 个答案: