1. Cuadro de texto
1.1 <input type = "text" name = "test" id = "test">
Asigne el valor a la variable t a través de var t = document.getElementById ("prueba"). Valor,
1.2 Por supuesto, también puede asignar valores variables conocidos al cuadro de texto a su vez, por ejemplo:
var m = "5";
document.getElementById ("prueba"). valor = m;
2. Cuadro de lista desplegable
2.1
<select name = "sel" id = "sel" onchange = "look ();">
<opción valor = "1"> 11 </opción>
<opción valor = "2" seleccionado> 22 </opción>
<opción valor = "3"> 33 </opción>
</select>
El valor seleccionado en el cuadro <select> se obtiene por var s = document.getElementById ("SEL"). Valor. ", en lugar de" veintidós ",
Si desea asignar el "Valor" seleccionado en <Select> como el "valor de texto" ("33") correspondiente a "3" al cuadro de texto de prueba, puede usar el siguiente método,
La copia del código es la siguiente:
<script language = "javaScript">
Function Look () {
var se = document.getElementById ("sel");
opción var = se.getElementsBytagName ("opción");
var str = "";
para (var i = 0; i <option.length; ++ i)
{
if (opciones [i] .selected)
{
document.getElementById ("prueba"). valor = opción [i] .Text;
}
}
}
</script>
2.2 Compare el valor dado con el valor en el cuadro <select> y seleccione si el valor de <pection> en <select> es el mismo que el valor dado.
La copia del código es la siguiente:
var m = "2",
para (var i = 0; i <document.getElementById ("Sel"). Longitud; i ++)
{
con (document.getElementById ("SEL"). Opciones [i])
{
if (valor == m)
{
seleccionado = true;
}
}
}
3. Radio Box
Los valores de atributo de nombre de una fila de cuadro de radio deben ser los mismos para que se pueda lograr la selección de radio.
La copia del código es la siguiente:
<Input type = "radio" name = "a" valor = "1"> aaaaaaaa <br>
<Input type = "radio" name = "a" valor = "2"> bbbbbbbbbbbbbb <br>
<Input type = "button" onClick = "check ();"
<script language = "javaScript">
<!-
CHECKA DE FUNCIÓN ()
{
var sel = 0;
para (var i = 0; i <document.getElementsByName ("A"). Longitud; i ++)
{
if (document.getElementsByName ("a") [i] .ecked)
{
sel = document.getElementsByName ("A") [i] .Value;
}
}
if (sel == 1)
{
alerta ("aaaaaaaaaa");
}
más si (sel == 2)
{
alerta ("bbbbbbbbbbbb");
}
}
//->
</script>
JS obtiene el valor y el texto del elemento seleccionado en el cuadro desplegable
Obtenga el valor y el texto de los elementos seleccionados en el cuadro desplegable en Firefox e IE:
1. Métodos compatibles con IE y Firefox:
Recibir mensajes de texto
La copia del código es la siguiente:
var obj = document.getElementById ('select_template');
Var text = obj.options [obj.selectedIndex] .Text; // Obtener texto
var obj = document.getElementById ("select_template");
para (i = 0; i <obj.length; i ++) {// La longitud del cuadro desplegable es su número de opciones
if (obj [i] .selected == true) {
Var text = obj [i] .Text; // Obtener texto
}
}
El método anterior es más simple
1.Iie es compatible con Firefox y no admite:
La copia del código es la siguiente:
var obj = document.getElementById (nombre);
para (i = 0; i <obj.length; i ++) {
if (obj [i] .selected == true) {
Var text = obj [i] .innertext;
}
}
Obtener métodos de valor, es decir, Firefox son comunes:
value var = document.getElementById ("select_template"). Valor; // Obtener el valor
Resumen: De hecho, es principalmente que tanto IE como Firefox soportan el valor y los atributos de texto, y Firefox no admite atributos de innertext.
JS implementa la página actual para abrir un nuevo enlace:
window.location.href = url;