Question

我正在尝试更改textfield属性。

我的脚本运行正常。

但是现在我正在尝试将此部分name='kadnya[]'更改为此name='kadnya['pudge']'或name='kadnya['drow']'，具体取决于表格行。我怎样才能做到这一点？

请检查我的脚本

$(document).ready(function() {
  $("#addRow").click(function() {
    $(".rowadded").append("<td></td>" +
      "<td><input type='text' class='kd' name='kadnya[]'></td>");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="POST">
  <table id="tablekd">
    <tr>
      <td>Pudge</td>
      <td class="rowadded"></td>
    </tr>
    <tr>
      <td>Drow</td>
      <td class="rowadded"></td>
    </tr>

  </table>
  <button type="button" id="addRow">Add</button>
</form>

Answer 1

您需要使用.each，然后您可以获取要添加的行的索引。

＆＃13;

$(document).ready(function() {
  $("#addRow").click(function() {
    $(".rowadded").each(function(index,$row) {
      var name = $(this).prev().text(); // or $(this).parent().first().text();
      $(this).after("<td></td>" +
      "<td><input type='text' class='kd' name='kadnya["+name+"]'></td>");
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="POST">
  <table id="tablekd">
    <tr>
      <td>Pudge</td>
      <td class="rowadded"></td>
    </tr>
    <tr>
      <td>Drow</td>
      <td class="rowadded"></td>
    </tr>

  </table>
  <button type="button" id="addRow">Add</button>
</form>

＆＃13;

或者

＆＃13;

$(document).ready(function() {
  $("#addField").click(function() {
    $(".inputCell").each(function(index,$row) {
      var name = $(this).prev().text(); // or $(this).parent().first().text();
      $(this).append("<input type='text' class='kd' name='kadnya["+name+"]' />");
    });
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="POST">
  <table id="tablekd">
    <tr>
      <td>Pudge</td>
      <td class="inputCell"></td>
    </tr>
    <tr>
      <td>Drow</td>
      <td class="inputCell"></td>
    </tr>

  </table>
  <button type="button" id="addField">Add input</button>
</form>

＆＃13;

更改文字字段属性

1 个答案: