CODEWITHSUNDEEP
javascriptphpjquery
ParaPrototype
ParaPrototype

Reputation: 11

Why javascript change function is only working for the first row of table?

Screenshot:

enter image description here

I want to add the same value to a table row input field, but JavaScript working for first row only. Please help me with this .

My table is


<tr align="center">
     <td align="center"><input type="checkbox" name="prodid[]" value="<?php echo $row["name"]; ?>"></td>
     <td align="center"><?php echo $row["name"]; ?>
                                            <input type="hidden" name="prodname[]" value="<?php echo $row["name"]; ?>">
     </td>
     <td align="center"><input align="center" type="number" name="prod_price[]" value="<?php echo $row["price"]; ?>" class="form-control"><input type="hidden" class="iprice" value="<?php echo $row["price"]; ?>"></td>
     <td align="center"><input type="number" class="form-control iquantity" onchange="Subtotal()" type="number" name="prod_qty[]" class="form-control"></td>
     <td align="center"><input type="number" class="eachnumber" id="eachnumber" name="prodsname[]" ></td>
     <td class="itotal" align="center">0</td>

</tr>

passes the value from

<input type="number" id="number" class="form-control form-control-solid ps-12" placeholder="number"/>

javascript

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" integrity="sha512-jGR1T3dQerLCSm/IGEGbndPwzszJBlKQ5Br9vuB0Pw2iyxOy+7AK+lJcCC8eaXyz/9du+bkCy4HXxByhxkHf+w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.js" integrity="sha512-1icA56H/QfnWMmygJLor4dORvI+7Kurg9CfXSDeJmyMJQL98LfPRk/UwCmi7NoZwbUwxMoI0tc2gJqG/Uu+ecA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
$('#number').change(function() {
  for (i = 0; i < eachnumber.length; i++) {
    $('#eachnumber').val($(this).val());
  }

});
</script>

Upvotes: 0

Views: 118

Answers (1)

Parth Mangukiya
Parth Mangukiya

Reputation: 11

If you want to add that value in eachnumber of all the rows then you can simply do this.

$('#number').change(function() {
    $('.eachnumber').val($(this).val());
});

Upvotes: 1

Related Questions