在javascript中添加表单无法正常工作

时间:2017-01-17 08:40:40

标签: javascript jquery

我有一个通过按下按钮动态添加的表单。问题是我第一次按下按钮时所有进程都正常工作。从2次起,该过程无法正常工作,因为id的字段是相同的。我怎么能调整这个?



$(document).ready(function() {
  $("#aggiungi_collo").click(function() {
    $('#lista_colli').append('<tr>\
      <td><input style="width:100px" type="text" class="form_control" id="cod_collo" /></td>\
      <td><input style="width:100px" type="text" class="form_control" id="larghezza" /></td>\
      <td><input style="width:100px" type="text" class="form_control" id="lunghezza" /></td>\
      <td><input style="width:100px" type="text" class="form_control" id="altezza" /></td>\
      <td><input style="width:100px" type="text" class="form_control" id="volume" /></td>\
      <td><button id="calcola" class="btn btn-primary calcola" style="background:green;border:none"><i style="color:white;height:20px" class="fa fa-trash"></i>Calcola</button></td>\
      <td><button href="#" class="btn btn-primary" style="background:red;border:none"><i style="color:white;height:20px" class="fa fa-trash"></i>Elimina</a></td>\
    </tr>');

    $('#calcola').click(function() {
      var larghezza = $('#larghezza').val();
      var altezza = $('#altezza').val();
      var lunghezza = $('#lunghezza').val();
      var calcola = lunghezza * altezza * larghezza;
      var volume = document.getElementById('volume');
      volume.value = calcola;
    });
  });
});
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

创建一个变量,跟踪按钮被点击的次数,并将其与您的ID连接。