Foros del Web » Programando para Internet » Javascript »

Obtener nombre de opcionseleccionada (SELECT)

Estas en el tema de Obtener nombre de opcionseleccionada (SELECT) en el foro de Javascript en Foros del Web. necesito crear un combo que al seleccionar una opcion me envia a una variable el valor de la la opcion y la etiqueta. algo un ...
  #1 (permalink)  
Antiguo 17/06/2010, 07:18
 
Fecha de Ingreso: junio-2010
Mensajes: 8
Antigüedad: 14 años, 6 meses
Puntos: 0
Obtener nombre de opcionseleccionada (SELECT)

necesito crear un combo que al seleccionar una opcion me envia a una variable el valor de la la opcion y la etiqueta.

algo un poco parecido a esto pero no quiero el indice

http://www.w3schools.com/JS/tryit.asp?filename=try_dom_option_index

aparte del valor de la opcion quiero el nombre de la opcion selecccionada
  #2 (permalink)  
Antiguo 17/06/2010, 07:20
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

Hola

El nombre lo sacas igual que el valor pero en vez de usar value usas innerHTML

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 17/06/2010, 07:28
 
Fecha de Ingreso: junio-2010
Mensajes: 8
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

Cita:
Iniciado por Adler Ver Mensaje
Hola

El nombre lo sacas igual que el valor pero en vez de usar value usas innerHTML

Suerte
te refieres a algo asi

document.autoSumForm.tratado.value = document.autoSumForm.extrusor.innerHTML;

lo probe y solo lleva <option al campo
  #4 (permalink)  
Antiguo 17/06/2010, 07:29
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

¿Algo como esto? (Es lo que entendí)
Código Javascript:
Ver original
  1. function selecc(){
  2.  var seleccion = document.getElementById('seleccion');
  3.  var valor = seleccion.options[seleccion.selectedIndex].value;//coges el valor
  4.  var texto = seleccion.options[seleccion.selectedIndex].text;//esto es lo que ve el usuario
  5.  alert(valor +' ' + texto);
  6. }

Saludos (:
  #5 (permalink)  
Antiguo 17/06/2010, 07:39
 
Fecha de Ingreso: junio-2010
Mensajes: 8
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

Cita:
Iniciado por _cronos2 Ver Mensaje
¿Algo como esto? (Es lo que entendí)
Código Javascript:
Ver original
  1. function selecc(){
  2.  var seleccion = document.getElementById('seleccion');
  3.  var valor = seleccion.options[seleccion.selectedIndex].value;//coges el valor
  4.  var texto = seleccion.options[seleccion.selectedIndex].text;//esto es lo que ve el usuario
  5.  alert(valor +' ' + texto);
  6. }

Saludos (:
que estoy haciendo mal ...



<script type="text/javascript">function selecc(){
var seleccion = document.getElementById('unidad');
var valor = seleccion.options[seleccion.selectedIndex].value;//coges el valor
var texto = seleccion.options[seleccion.selectedIndex].text;//esto es lo que ve el usuario
alert(valor +' ' + texto);
}
</script>

<select name="unidad" id="unidad" onchange="selecc();'">
<option value="0" selected="selected">SELECCIONE</option>
<option value="1">Fundas Lisas</option>
<option value="2">Fundas Impresas</option>
<option value="3">Rollos Manga Lisos</option>
<option value="4">Rollos Manga Impresos</option>
<option value="5">Rollos Lamina Lisos</option>
<option value="6">Rollos Lamina Impresos</option>
<option value="7">Material Impreso</option>
<option value="8">Otros</option>
</select>
  #6 (permalink)  
Antiguo 17/06/2010, 07:39
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

Cita:
Iniciado por chavewain4 Ver Mensaje
necesito crear un combo que al seleccionar una opcion me envia a una variable el valor de la la opcion y la etiqueta.
Ya me estrañó, pero me dije, buenoooo. Si finalmente te refería al texto es como te comenta @_cronos2

Edito

Prueba así

Código Javascript:
Ver original
  1. <script type="text/javascript">function selecc(val, txt){
  2. alert(val +' ' + txt);
  3. }
  4. </script>
  5.  
  6. <select name="unidad" id="unidad" onchange="selecc(this.value, this.options[this.selectedIndex].text);'">
  7. <option value="0" selected="selected">SELECCIONE</option>
  8. <option value="1">Fundas Lisas</option>
  9. <option value="2">Fundas Impresas</option>
  10. <option value="3">Rollos Manga Lisos</option>
  11. <option value="4">Rollos Manga Impresos</option>
  12. <option value="5">Rollos Lamina Lisos</option>
  13. <option value="6">Rollos Lamina Impresos</option>
  14. <option value="7">Material Impreso</option>
  15. <option value="8">Otros</option>
  16. </select>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #7 (permalink)  
Antiguo 17/06/2010, 07:45
 
Fecha de Ingreso: junio-2010
Mensajes: 8
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Obtener nombre de opcionseleccionada (SELECT)

Cita:
Iniciado por Adler Ver Mensaje
Ya me estrañó, pero me dije, buenoooo. Si finalmente te refería al texto es como te comenta @_cronos2

Edito

Prueba así

Código Javascript:
Ver original
  1. <script type="text/javascript">function selecc(val, txt){
  2. alert(val +' ' + txt);
  3. }
  4. </script>
  5.  
  6. <select name="unidad" id="unidad" onchange="selecc(this.value, this.options[this.selectedIndex].text);'">
  7. <option value="0" selected="selected">SELECCIONE</option>
  8. <option value="1">Fundas Lisas</option>
  9. <option value="2">Fundas Impresas</option>
  10. <option value="3">Rollos Manga Lisos</option>
  11. <option value="4">Rollos Manga Impresos</option>
  12. <option value="5">Rollos Lamina Lisos</option>
  13. <option value="6">Rollos Lamina Impresos</option>
  14. <option value="7">Material Impreso</option>
  15. <option value="8">Otros</option>
  16. </select>

Suerte
GRACIAS... Adler y _Cronos2 gracias por toda su ayuda creo ke lo he resuelto al parecer el error era mio su codigo me sirvio de mucha ayuda

<HTML>
<HEAD>
</HEAD>
<BODY>

<SPAN ID="big">Type something into text box</SPAN>

<FORM ACTION="#" NAME="enlarge">
<select name="seleccions" id="seleccions" onChange="document.getElementById('big').innerHTML ='<H1>'+seleccions.options[seleccions.selectedIndex].text+'</H1>'">
<option value="0" selected="selected">SELECCIONE</option>
<option value="1">Fundas Lisas</option>
<option value="2">Fundas Impresas</option>
<option value="3">Rollos Manga Lisos</option>
<option value="4">Rollos Manga Impresos</option>
<option value="5">Rollos Lamina Lisos</option>
<option value="6">Rollos Lamina Impresos</option>
<option value="7">Material Impreso</option>
<option value="8">Otros</option>
</select>

</FORM>

</BODY>
</HTML>

Última edición por chavewain4; 17/06/2010 a las 08:06

Etiquetas: nombre, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:35.