javascript - 将 2 位变量号拆分为两个输入字段

Question

是否可以将两位数变量拆分为两个输入字段，例如：

假设我有一个变量var age = 23;，我想将其拆分为<input class="age" id = "age1" />，<input class="age" id = "age2" />因此 age1 的值为 2，age2 的值为 3。

任何帮助非常感谢...

这就是我获得年龄值的方式：

$.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

您可以这样做：

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

还有一个例子。

---

对于您的情况，您可以使用以下 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);
});

和：

<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>

再举一个例子。如果你有一个年龄列表，你可以使用它。

最后一个例子是最终解决方案。

Answer 2

您可以使用substring()并将数字转换为字符串。

现场演示

var age = '23';
age1 = age.toString();
docucment.getElementById('age1').value = age1.substring(0,1);
docucment.getElementById('age2').value = age1.substring(1,2);

Answer 3

可以将字符串作为数组访问以获取单个字符。因此你可以使用这个：

var foo = 23;
$('#age1').val(foo.toString()[0]);
$('#age2').val(foo.toString()[1]);

示例小提琴