knorrigt.com

Home > Ordenadores > Cómo obtener el valor de cuadro combinado con JavaScript

Cómo obtener el valor de cuadro combinado con JavaScript

Advertisement

Cómo obtener el valor de cuadro combinado con JavaScript


JavaScript es un lenguaje de script que puede funcionar como un objeto-orientado y un lenguaje de procedimientos. JavaScript está incluido con la mayoría de los navegadores más importantes y se ejecuta cuando se solicita y se carga una página que incluye el código. JavaScript permite a los desarrolladores web para operar en el modelo de objetos de documento (DOM), establecer y recuperar valores para casi cualquier elemento que forma parte de una página Web, incluyendo objetos complejos tales como valores de la tabla y el cuadro combinado. JavaScript permite a los desarrolladores web para programar páginas Web dinámicas que no requieren una actualización de la página o una solicitud del servidor.

Cosas que necesitará

Editor de texto

navegador web con JavaScript habilitado

Instrucciones

Abra un editor de texto y crear un nuevo archivo con el nombre getComboBox.html. Añadir algo de código HTML para getComboBox.html e incluir un <head> y una sección <body>. Guardar getComboBox.html.

<Html>

<Head> </ head>

<Body> </ body>

</ Html>

Añadir una etiqueta <form> de la sección <body> del archivo. Nombre del formulario comboBoxForm y establecer el atributo de tamaño a 1.

<Html>

<Head>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

</ Form>

</ Body>

</ Html>

Añadir una etiqueta HTML <select> entre las etiquetas <form> y </ form>. Nombre del menú seleccione comboBoxMenu y añadir tres HTML etiquetas <option>. Ajuste el primer <opción> valor de texto de la etiqueta a uno, establecer el atributo de valor a 1 y cierre de la etiqueta </ ​​option>. Establecer valor de texto de la segunda etiqueta a dos, establecer el atributo de valor en 2 y cerrar la etiqueta </ ​​option>. Establecer valor de texto de la tercera etiqueta a tres, establecer el atributo de valor a tres y cerrar la etiqueta </ ​​option>. Cierre la </ select> etiqueta de menú.

<Html>

<Head> </ head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

</ Body>

</ Html>

Escriba un JavaScript abierta etiqueta <script> y colocarlo entre las etiquetas <head> y </ head>. Configurar <script> valor de tipo de etiqueta en text / javascript y cerrar la </ script> etiqueta.

<Html>

<Head>

<Script type = "text / javascript">

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

</ Body>

</ Html>

Añadir una función de JavaScript a la sección <script> del archivo. Nombre del getComboBox función ().

<Html>

<Head>

<Script type = "text / javascript">

funcionar getComboBox ()

{

}

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

</ Body>

</ Html>

Escriba un comando de JavaScript que utiliza el objeto documento para leer el valor del valor del menú de cuadro combinado y escribe el valor de una etiqueta <span> que tiene el comboSpan ID.

<Html>

<Head>

<Script type = "text / javascript">

funcionar getComboBox ()

{

SelectedValue = document.comboBoxForm.comboBoxMenu.value;

document.getElementById ( "comboSpan") innerHTML = SelectedValue.;

}

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

</ Body>

</ Html>

Añadir una etiqueta <p> dentro del HTML "<body>" etiqueta. Introduzca un texto que muestra el mensaje "El valor del cuadro combinado es:" y cerrar la etiqueta <p>. Incluir un espacio después de la coma para separar el texto del valor dinámico.

<Html>

<Head>

<Script type = "text / javascript">

funcionar getComboBox ()

{

SelectedValue = document.comboBoxForm.comboBoxMenu.value;

document.getElementById ( "comboSpan") innerHTML = SelectedValue.;

}

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

<P> El valor del cuadro combinado es: </ p>

</ Body>

</ Html>

Añadir una etiqueta <span> con la etiqueta <p> y asignar la etiqueta de la comboSpan valor id. Cierre la etiqueta </ ​​span>.

<Html>

<Head>

<Script type = "text / javascript">

funcionar getComboBox ()

{

SelectedValue = document.comboBoxForm.comboBoxMenu.value;

document.getElementById ( "comboSpan") innerHTML = SelectedValue.;

}

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

<P> El valor del cuadro combinado es: <span id = "comboSpan"> </ span> </ p>

</ Body>

</ Html>

Añadir una etiqueta HTML <botón> para el archivo que tiene el título "Haga clic para mostrar el valor de cuadro combinado". Añadir un evento onclick () con el botón que llama a la función getComboBox () y cierre la etiqueta </ ​​botón>.

<Html>

<Head>

<Script type = "text / javascript">

funcionar getComboBox ()

{

SelectedValue = document.comboBoxForm.comboBoxMenu.value;

document.getElementById ( "comboSpan") innerHTML = SelectedValue.;

}

</ Script>

</ Head>

<Body>

<Form name = tamaño "comboBoxForm" = "1">

<Select name = "comboBoxMenu">

<Option value = "1"> un </ option>

<Option value = "2"> dos </ option>

<Option value = "3"> tres </ option>

</ Select>

</ Form>

<P> El valor del cuadro combinado es: <span id = "comboSpan"> </ span> </ p>

<Botón onclick = "getComboBox ()"> Haga clic para mostrar el valor de cuadro combinado </ botón>

</ Body>

</ Html>

getComboBox.html abierta en un navegador Web. Haga clic en el botón titulado "Haga clic para mostrar el valor de cuadro combinado" y verificar que el texto en el comboSpan etiqueta <span> muestra el valor seleccionado en el cuadro combinado comboBoxMenu.

Consejos y advertencias

Los cuadros combinados se utilizan normalmente para recuperar la entrada del usuario para el envío de formularios. Los datos se transmite de la forma de un script del lado del servidor que maneja la respuesta.

El término "cuadro combinado" se refiere a una estructura que permite a un usuario o bien hacer una selección específica o escriba su propia selección si no elige una de las alternativas que se ofrecen. Un campo de texto puede ser utilizado para proporcionar una opción de entrada para los usuarios.

Los cuadros combinados se utilizan normalmente para recuperar la entrada del usuario. Asegúrese de marcar el cuadro combinado con claridad para que el usuario entienda la pregunta a la que responde.

La opción "seleccionado" se puede utilizar con la etiqueta <select> para ajustar el elemento en el cuadro combinado que es seleccionado por defecto.

Cuando se maneja adecuadamente, la propiedad innerHTML puede causar problemas de seguridad.

Cómo llenar un cuadro combinado con JavaScript
A veces, en la programación web que necesita para cambiar las páginas web después de que ya han sido cargados. Por suerte, JavaScript hace sencillo. Si es necesario agregar opciones a un cuadro combinado (llamado un cuadro de selección en HTML) despu
Cómo hacer un cuadro combinado con hacer clic en enlaces a páginas web
Un cuadro combinado es una herramienta muy común que se utiliza en sitios web. Se trata de una lista desplegable con enlaces que normalmente se ha creado usando formularios HTML. Puede agregar funcionalidad especial para su cuadro combinado por asper
El "JComboBox" en Netbeans muestra una lista de artículos para los usuarios. El usuario elige uno de los elementos en el cuadro combinado que se somete a su formulario de procesamiento. Netbeans tiene una interfaz gráfica con una caja de herrami
Cómo obtener el valor de una lista desplegable en HTML
aplicaciones Web a menudo necesitan saber el valor de un elemento que un usuario selecciona. Si este elemento es un cuadro de texto u otro control básico, la aplicación puede simplemente examinar la propiedad "Texto" del control para obtener su
Cómo obtener su Xbox 360 para trabajar con Linksys
Xbox 360 usuarios pueden ampliar su capacidad de uso de 360 ​​enganchando el dispositivo hasta el router inalámbrico Linksys. Al conectar el 360 hasta su router Linksys, que ahora son capaces de jugar juegos de Xbox 360 en línea con los demás, accede
Cómo restablecer los valores predeterminados del sistema con Windows Vista
Una de las características de Windows Vista es su defecto del sistema. Por lo general, cuando usted compra una computadora, un fabricante permite ajustes más básicos --- que encienda una computadora, a continuación, hace cosas para que ya, por ejempl
El poder de Visual Basic es la capacidad de crear procedimientos automáticos simplemente mediante el registro de ellas en la hoja de cálculo. Por ejemplo, si desea obtener el valor de una celda en Visual Basic, puede crear un procedimiento simple y r
Cómo obtener un valor de celda Gridview
La clase de control GridView se utiliza para recuperar y presentar datos en forma de mesa. La clase GridView y sus clases de apoyo permiten a los usuarios de Microsoft Framework para ver conjuntos de datos mediante el uso de encabezados de columna in
Cómo Obtener el valor entero en Enum de Java
Las enumeraciones son una característica añadida al lenguaje de programación Java en Java 1.5. Permiten que un desarrollador para crear un conjunto de valores que están estrechamente relacionados, referenciados por un nombre comprensible y forzar el
Cómo obtener DSL o de alta velocidad Con servicio de MSN
MSN es un navegador Web, pero también es un servicio de Internet. Usted puede obtener el servicio de MSN fácilmente, justo en línea. Si no lo compra directamente desde MSN, puede utilizar un cable, teléfono o empresa de Internet en su ubicación que s
Cómo restablecer los valores predeterminados de fábrica con una BIOS
La BIOS o sistema básico de entrada y salida, de una placa base del ordenador es el firmware que contiene la configuración de la placa base del ordenador y dicta cómo se manejan los recursos como la memoria del ordenador, las interrupciones de CPU y
Cómo obtener el brillo de una fotografía con Photoshop
Brilla y miradas son problemas comunes de las fotos que pueden ser frustrante si usted no sabe cómo solucionarlos. Esto es especialmente un problema si usted quiere vender sus fotos. La solución de problemas es una de las formas más populares de la u
Cómo Obtener Real Player para que funcione con Google Chrome
RealPlayer es un programa informático que reproduce varios formatos de medios informáticos, incluidos tanto de audio como de vídeo. Publicado por RealNetworks, RealPlayer tiene tanto una versión independiente y un plug-in para los navegadores Web Web
Cómo obtener el bloqueo numérico para trabajar con la tecla Fn en un Dell 1501
El Dell Inspiron 1501 ordenador portátil no incluye un teclado numérico estándar; en cambio, actualización de firmware incorporado un teclado numérico en el teclado que se puede acceder mediante combinaciones de teclas especiales. Si se trabaja con n
Cómo obtener vídeo para jugar sin problemas con el escritorio remoto
Cuando se conecta a otro ordenador PC a través de Internet utilizando el protocolo de escritorio remoto, es posible que los vídeos y otros contenidos multimedia producir una pantalla muy entrecortado o distorsionado. En Windows 7, la utilidad de cone
La función "getParameterValues" permite a los programadores de applet JSP recuperar el valor seleccionado de un control "DropDownList". El control desplegable contiene una lista de valores de la que un usuario puede elegir. Al procesar
Cómo obtener la posición actual del ratón en Javascript
Cuando los visitantes del sitio mueven sus cursores del ratón, se puede realizar un seguimiento de los movimientos usando JavaScript. Una vez conocido el coordenadas X e Y del cursor del usuario, se puede programar la aplicación para interactuar con
Cómo cambiar una imagen de fondo CSS con JavaScript
Javascript ofrece, código del lado del cliente dinámico para editar su diseño de página web. Se puede utilizar Javascript para cambiar la imagen de fondo, incluso sitio web de gráficos, textos, tablas y. El código se utiliza para automatizar las imág
Cómo incrustar vídeos en un pop-up con JavaScript
JavaScript permite a los desarrolladores web para generar contenidos de forma dinámica dentro de la ventana del navegador actual o en una nueva ventana del navegador. Cuando una nueva ventana del navegador muestra más de la actual, que se llama un "p