Question

我有一个包含2列的表格。第二列由数学公式计算。数据通过for循环抛出DB，但每行计算取决于第1列列的值。我需要通过ajax（或js）更改第二列而不进行页面刷新，这将在第一行数更改时自动更改，此外数据应该抛出DB。请帮忙。失去了2天，无法解决。

function myFunction() {
    document.getElementById("should_change_live").value = "desiredvalue";  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
{% for name in examplenmae %}
<table border="1">
    <tr>
      <th>1-st column</th>
      <th>2-st column</th>
     </tr>
     <tr>
      <td><input type="number" id="first1" name="first1" value="<?=name.first_column_value?>" onchange="myFunction()"></td>
      <td><p id="should_change_live"><?=(name.any_column + name.any_column) * name.first_column_value?></p></td>
     </tr>
     <tr>
      <td><input type="number" id="first2" name="first2" value="<?=name.first_column_value?>" onchange="myFunction()"></td>
      <td><p id="should_change_live"><?=(name.any_column + name.any_column) * name.first_column_value?></p></td>
     </tr>
      <tr>
      <td><input type="number" id="first3" name="first3" value="<?=name.first_column_value?>" onchange="myFunction()"></td>
      <td><p id="should_change_live"><?=(name.any_column + name.any_column) * name.first_column_value?></p></td>
     </tr>
      <tr>
      <td><input type="number" id="first4" name="first4" value="<?=name.first_column_value?>" onchange="myFunction()"></td>
      <td><p id="should_change_live">(name.any_column + name.any_column) * name.first_column_value</p></td>
     </tr>
  </table>
  {% endfor %)

通过ajax或js更改值更改另一个值

0 个答案: