Mostrar y modificar variables de input / select

[Ddsdone]

Saludos! estoy intentando que un input y un select se muestren en un texto

Código HTML:

 <input type="text" id="telefono" value="telefono" onchange="var telefono = (this.value)">
<select class="lugar">
                    <option>casa</option>
                    <option>cel</option>
                    <option>trabajo</option>
                    <option>negocio</option>
                </select> 

Al ingresar un telefono y luego seleccionar la opcion correspondiente, un javascript lo muestre en algun lado

Código Javascript:

<script type="text/javascript">
                        
                    var nombre ="??????????";
                    var lugar ="??????????";
                    document.write(nombre) + document.write(lugar);
                </script>
 

[Alexis88]

Podrías delegar una función al evento oninput de la caja de texto y onchange de la lista la cual mostrará el texto en pantalla.

Código HTML:

<input type = "text" oninput = "mostrar()" id = "caja" />
<select onchange = "mostrar()" id = "combo">
    <!-- Tus opciones -->
</select>
<label id = "salida"></label>
 

Código Javascript:

function mostrar(){
    if (caja.value.length && combo.value.length){ //Si ambos poseen valores, se ejecutan las instrucciones
        telefono = caja.value;
        nombre = "foo"; //Tú lo asignas
        lugar = "bar"; //Tú lo asignas
        salida.innerHTML += "<br />" + nombre + " — " + lugar + " — " + telefono;
    }
}
 

DEMO

Adáptalo a lo que necesitas.

Saludos

[Ddsdone]

fantastico! como puedo hacer para que no se vallan sumando resultados sino que se vea uno solo y valla cambiando al cambiar el texto del input o el select ?

[Alexis88]

Quítale el + que está antes del signo de igualdad.

Es un signo de concatenación. Lo había puesto junto al salto de línea <br /> porque pensaba que podrías seguir imprimiendo en el cuerpo del documento, pero como la impresión será solo en esa etiqueta, dicha línea debería de quedar así.

Código Javascript:

salida.innerHTML = nombre + " — " + lugar + " — " + telefono;
 

Saludos