Question

is it possible to split a two digit variable into two input fields, for example:

lets say i have a variable var age = 23; and i want to split that to <input class="age" id = "age1" /> and <input class="age" id = "age2" /> so that age1’s value is 2 and age2’s value is 3.

Any Help Greatly appreciated…

this is how i am getting the value of age:

$.each(age_input_groups , function(i){
                var id = 'age-group-'+g_counter;
                var agevalues = $.map($('#'+id + ' input') , function(e,i){
                    return $(e).val(age);
                });
            });

Answer 1

Here is how you can do this:

var age = 23;
document.getElementById('age1').value = Math.floor(age / 10);
document.getElementById('age2').value = age % 10;

And an example.

---

For your case you can use the following JavaScript:

var age = 23,
    g_counter = 1;

$('.group').each(function(i){
  var id = 'input-group'+g_counter,
      selector = '#'+id + ' input',
      elem = $(selector);
  g_counter += 1;
  elem.first().val(Math.floor(age / 10));
  elem.last().val(age % 10);
});

With:

<div id="input-group1" class="group">
  <input type="text" />
  <input type="text" />
</div>
<div id="input-group2" class="group">
  <input type="text" />
  <input type="text" />
</div>

One more example. If you have a list of ages you can use this.

And last example with the final solution.