Add number inside several Input (Type=number) after button click

Question

I have added a button to my application that adds value to input type='number' after click. Everything works fine, but numbers starts from 0 and not 1.

How can I make it so after click number starts from 1.

Here is the code and Jsfiddle code: https://jsfiddle.net/gLs374h0/

 var arr_example = [1];
  $("#btn1").click(function(){
    $.each (arr_example, function() {
      $( ".order-number" ).each(function(value) {
        $( this ).val(value);
      });
    });
  });

<div id="sortable">
  <h1 id='btn1'>Sort</h1>
  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

  <div class="nested-fields">
    <input type="number" placeholder="sort order" class='order-number'>
  </div>

</div>

Please post some code which you have tried so far. So others can point you in right direction — Sandip - Frontend Developer
– Sandip - Frontend Developer, Commented Aug 19, 2016 at 11:13

Edison Biba · Accepted Answer · 2016-08-19 13:53:40Z

1

here you have a jsfiddle

 var arr_example = [1];
  $("#btn1").click(function(){
    $.each (arr_example, function() {
      $( ".order-number" ).each(function(value) {
        $( this ).val(value+1);
      });
    });
  });

answered Aug 19, 2016 at 13:53

Edison Biba

4,4833 gold badges20 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rubioli Over a year ago

Thanks @edisoni.1337:)

Edison Biba Over a year ago

If you want the numbers to start from 1 in your input types you can add min='1' property but this will change only the min number that user can change not the start value here in javascript code :) Vote up :D

Rubioli Over a year ago

Great ;) Vote up mine too hahah need that ;)

Collectives™ on Stack Overflow

Add number inside several Input (Type=number) after button click

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related