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;

和example。

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

又一个example。如果您有年龄列表，可以使用this。

最后一个例子是final solution.

Answer 2

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

<强> Live Demo

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]);

Example fiddle

将2位数的变量号分成两个输入字段

3 个答案: