Select text a un textbox javascript

Hace unos días realizando una aplicación web se me presento un inconveniente necesitaba guardar en una base de datos el value de un select  pero también el contenido lo que se encuentra en en las etiquetas <option>TEXTO A GUARDAR</option>

Lo que pensé hacer es cuando ocurra el método onchange del select pase el contenido a un campo hidden u oculto para luego guardarlo.

Busque mucho en internet pero solo encontré javascript que pasaban el value y otros que solo funcionaban en IE.

Selectbox a hidden comandDespués de una larga investigación logre hacer dos funciones en javascript que pasan el text y el value de un select.

Acá los dejo para que lo usen espero que les solucione sus inconvenientes como me pasó a mí.

<script type=”text/javascript”>
function pasar_text ()
{
var objHidden = document.getElementById(“hidden_text”);
var w = document.myform.dropdown.selectedIndex;
var selected_text = document.myform.dropdown.options[w].text;
objHidden.value = selected_text;
}

function pasar_value ()
{
var objHidden = document.getElementById(“hidden_value”);
var objSelect = document.getElementById(“dropdown”).value;
objHidden.value = objSelect;
}
/********************************/

</script>

<form name=”myform” id=”myform”>
<select id=”dropdown” name=”dropdown” onchange=”pasar_text(); pasar_value ();”>
<option value=”0″>Seleccionar</option>
<option value=”1″>Opción 1</option>
<option value=”2″>Opción 2</option>
<option value=”3″>Opción 3</option>
<option value=”4″>Opción 4</option>
</select>
<input type=”text” name=”hidden_text” id=”hidden_text” value=”” />
<!–input type=”hidden” name=”hidden_text” id=”hidden_text” value=”” /–>
<input type=”text” name=”hidden_value” id=”hidden_value” value=”” />
<!–input type=”hidden” name=”hidden_value” id=”hidden_value” value=”” /–>
</form>

VER EL EJEMPLO FUNCIONANDO

http://www.juanjus98.com/ejemplos/selectbox/1.html

Anuncios

Acerca de juanjus

Desarrollador Web

Publicado el 2 junio, 2011 en Útiles Webmaster, Páginas Web y etiquetado en , , , , , , , , , , , , , , , , , , , , , , , , . Guarda el enlace permanente. Deja un comentario.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: