llenar texto cuando se escribe

[pilucho]

hola a todos
Tengo dos cajas de texto que suman y el resultado va auna caja de texto

Es posible en vez que sea numeros sean letras o ambos?
es decir si escribo en cada caja de texto al final todo quede en uno

ejemplo

--[Camisa]------[Color]---------[Blanco]-- = [Camisa Color Blanco]
--[Pantalon]----[Talla-]---------[46]------- = [Pantalon Talla 46]


este codigo solo funciona con numeros

Código HTML:

<script type="text/javascript">
function Sumar(){
      interval = setInterval("calcular()",1);
}
function calcular(){
      uno = document.autoSumForm.PrimeraCaja.value;
      dos = document.autoSumForm.SegundaCaja.value; 
      document.autoSumForm.TerceraCaja.value = (uno * 1) + (dos * 1);
}
function NoSumar(){
      clearInterval(interval);
}
</script>

<form name="autoSumForm">
<input type=text name="PrimeraCaja" value="" onFocus="Sumar();" onBlur="NoSumar();"> + 
<input type=text name="SegundaCaja" value="" onFocus="Sumar();" onBlur="NoSumar();"> = 
<input type=text name="TerceraCaja">
</form> 

[pilucho]

encontre esto pero son solo para dos textos es posible un tercer campo de texto?

Código HTML:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
	$(document).ready(function () {
    $("#input1").keyup(function () {
        var value = $(this).val();
        $("#input2").val(value);
    });
});
</script>

<input type="text" id="input1" />
<input type="text" id="input2" />
<input type="text" id="input3" /> 

[pilucho]

no se puede no?

[xfxstudios]

prueba asi, es alñgo generico pero te da la idea:

Código Javascript:

function A(){
document.getElementById('salida').value +=document.getElementById('A').value;
}
function B(){
    document.getElementById('salida').value +=" "+ document.getElementById('B').value;
}
function C(){
    document.getElementById('salida').value +=" "+ document.getElementById('C').value;
}
 

Código HTML:

<input type="text" id="A" value="" onChange="A()"/><br>
<input type="text" id="B" value="" onChange="B()"/><br>
<input type="text" id="C" value="" onChange="C()"/><br>
<textarea id="salida"></textarea>
 

tambien te serviria asi:

Código Javascript:

function A(){
    var textA = document.getElementById('A').value;
    var textB = document.getElementById('B').value;
    var textC = document.getElementById('C').value;
    
    var salida = textA+" "+textB+" "+textC;
    
    document.getElementById('salida').value = salida;
}
 

Código HTML:

<input type="text" id="A" value=""/><br>
<input type="text" id="B" value=""/><br>
<input type="text" id="C" value="" onChange="A()"/><br>
<textarea id="salida"></textarea>