javascript - 附加函数DOM Javascript中的动态变量（变量++）

Question

我有这个代码

function add_fullboard_dalam_kota(){
    var data='<?php echo $data; ?>';
    var tambah=1;
    var txt=1;
    $("#fullboard_dalam_kota").append('<tr align="center" valign="middle"bgcolor="#E4E4E4">'
      +'<td width="19%" ><input name="penyelenggara[]" type="text" id="'+tambah+'" onchange="showUser(this.value)"></td>'
      +'<td width="19%" ><div id="'+txt+'"><b></b></div>'  
      +'</td>'
      +'<td width="19%" ><input name="jumlah_peserta[]" type="text" id="jumlah_peserta[]"></td>'
      +'<td width="19%" ><input name="jumlah_hari[]" type="text" id="jumlah_hari[]"></td>'
      +'</tr>')


  tambah=tambah+1;
  txt=txt+1;

  alert(tambah);

我的问题是为什么“tambah”变量的值总是 2？以及如何在调用一个 append() 函数后使其动态加 1？

Answer 1

在函数之外声明你的变量“tambah”。

//Declare variable outside scope of fucn()
var tambah=1;

function add_fullboard_dalam_kota(){
    var data='<?php echo $data; ?>';
    var txt=1;
    $("#fullboard_dalam_kota").append('<tr align="center" valign="middle"bgcolor="#E4E4E4">'
      +'<td width="19%" ><input name="penyelenggara[]" type="text" id="'+tambah+'" onchange="showUser(this.value)"></td>'
      +'<td width="19%" ><div id="'+txt+'"><b></b></div>'  
      +'</td>'
      +'<td width="19%" ><input name="jumlah_peserta[]" type="text" id="jumlah_peserta[]"></td>'
      +'<td width="19%" ><input name="jumlah_hari[]" type="text" id="jumlah_hari[]"></td>'
      +'</tr>')

  tambah++;
  txt++;
  alert(tambah);
 }