Question

<tr style="background: #D0CDCD;">
  <td colspan='2'>
    <input type="text" name="mytext1[]">
  </td>
  <td></td>
  <td colspan='2' style="text-align:right;">
    <input type="text" name="mytext2[]" id="txt1" onkeyup="sum();">
  </td>
</tr>

这是我添加动态文本框的html代码。 JS脚本如下

<script type="text/javascript">
$(document).ready(function() {
  var max_fields= 3;
  var x = 1; 
  $('a').click(function() {
    if(x < max_fields){
      x++;
      $('#myTable #row').append('<tr class="child"><td class="child" colspan="2"><input type="text" name="mytext1[]"></td><td></td><td colspan="2" style="text-align:right;"><input type="text" name="mytext2[]"></td></tr>');
    }
  });
});
</script>

我的问题是我需要将动态添加的文本框值存储到变量中，以便我可以执行一些数学运算。我不知道如何实现这一目标。请帮帮我。

Answer 1

我得到了结果。我使用 javascript 和 jQuery

<tr style="background: #D0CDCD;">
    <td colspan='2'><input type="text" name="mytext1[]"></td>
    <td></td>
    <td colspan='2' style="text-align:right;">
          <input type="text" class="value_field" name="mytext2[]"  >
    </td>
</tr>

附加功能

<script type="text/javascript">
$(document).ready(function() {
  $('a').click(function() {
      $('#myTable #row').append('<tr class="child"><td class="child"           colspan="2"><input type="text" name="mytext1[]"></td><td></td><td colspan="2" style="text-align:right;"><input type="text" name="mytext2[]" class="value_field"></td></tr>');
      $("input.value_field").blur(function(){
            check_value();
        });
    });
});
$("input.value_field").blur(function(){
     check_value();
});

动态插入的文本框值将存储在变量中

1 个答案: