附加函数DOM Javascript中的动态变量(变量++)

时间:2013-10-07 03:52:41

标签: javascript jquery

我有这段代码

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动态添加它

1 个答案:

答案 0 :(得分:0)

在函数外声明你的变量“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);
 }