es un simple recuperar el valor o texto del input en un evento change y meterlo en algún lugar
Código Javascript
:
Ver original<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('#producto').change( function (){
$('#prod').text( $('option:selected' ,this).text() );
});
$('#cantidad').change( function (){
$('#cant').text( $(this).val() );
});
$('input[name=ancho]').change( function (){
$("#ancho").text( $(this).val() );
});
$('input[name=alto]').change( function (){
$("#alto").text( $(this).val() );
});
});
</script>
</head>
<body>
Producto:
<select id="producto">
<option value="0">Seleccionar
<option value="1">Producto 1
<option value="2">Producto 2
<option value="3">Producto 3
</select>
<br />
Cantidad:
<select id="cantidad">
<option value="0">Seleccionar
<option value="1">1
<option value="2">2
<option value="3">3
</select>
<br />
Tamaño:<br />
Ancho: 10<input type="radio" name="ancho" value="10"> 20<input type="radio" name="ancho" value="20"> 30<input type="radio" name="ancho" value="30"> <br />
Altura: 10<input type="radio" name="alto" value="10"> 20<input type="radio" name="alto" value="20"> 30<input type="radio" name="alto" value="30">
<h3>Pedido</h3>
Producto: <span id="prod"></span><br />
Cantidad: <span id="cant"></span><br />
Tamaño: <span id="ancho"></span> - <span id="alto"></span>
</body>
</html>