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

在執行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++; 
});