拆分2位可變數目的到兩個輸入字段

是有可能一個兩位數變量分成兩個輸入字段，例如：拆分2位可變數目的到兩個輸入字段

可以說，我具有可變var age = 23;，我想的是拆分<input class="age" id = "age1" />和<input class="age" id = "age2" />使AGE-1的值是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); 
       }); 
      });

來源

2013-01-18 Dawid van der Hoven

這裏是你如何能做到這一點：

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.

來源

2013-01-18 09:22:37

抱歉，它不會允許我編輯我的問題有一段時間了，但我該如何使用在問題中獲得年齡的方法 –

您可以向我展示一些HTML標記嗎？ –

這裏是一個例子http://jsfiddle.net/wQaGN/3/ –

您可以使用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);

來源

2013-01-18 09:21:07 Adil

首先，你需要轉換'age'爲字符串。 – JJJ

對不起，它不會讓我編輯我的問題一段時間，但我將如何使用在問題中獲得年齡的方法 –

是Juhana，謝謝，更新我的回答 – Adil

字符串可以作爲一個數組得到單個字符進行訪問。因此，您可以使用此：

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

Example fiddle

來源

2013-01-18 09:22:53

對不起，它不允許我編輯我的問題一段時間，但我將如何使用在問題中獲得年齡的方法 –

您也可以將您的HTML發佈你的OP。 –

拆分2位可變數目的到兩個輸入字段

回答

相關問題