1. Box de texte
1.1 <input type = "text" name = "test" id = "test">
Attribuer la valeur à la variable t via var t = document.getElementById ("test").
1.2 Bien sûr, vous pouvez également attribuer à son tour des valeurs de variables connues à la zone de texte, par exemple:
var m = "5";
document.getElementById ("test"). valeur = m;
2. Boîte de liste déroulante
2.1
<select name = "sel" id = "sel" onchange = "look ();">
<Option Value = "1"> 11 </ Option>
<Option Value = "2" sélectionné> 22 </ Option>
<Option Value = "3"> 33 </ Option>
</lect>
La valeur sélectionnée dans le case <lect> est obtenue par var s = document.getElementByid ("Sel"). Valeur. ", plutôt que" vingt-deux ",
Si vous souhaitez affecter la "valeur" sélectionnée dans <lelect> comme la "valeur de texte" ("33") correspondant à "3" à la zone de texte de test, vous pouvez utiliser la méthode suivante,
La copie de code est la suivante:
<script linguisse = "javascript">
fonction look () {
var se = document.getElementById ("sel");
var option = se.getElementsByTagName ("option");
var str = "";
pour (var i = 0; i <option.length; ++ i)
{
if (Options [i] .Selected)
{
document.getElementById ("test"). valeur = option [i] .Text;
}
}
}
</cript>
2.2 Comparez la valeur donnée à la valeur dans la case <lelect> et sélectionnez-la si la valeur d'option> dans <lelect> est la même que la valeur donnée.
La copie de code est la suivante:
var m = "2",
pour (var i = 0; i <document.getElementById ("sel"). Longueur; i ++)
{
avec (document.getElementById ("Sel"). Options [i])
{
si (valeur == m)
{
sélectionné = true;
}
}
}
3. Boîte de radio
Les valeurs d'attribut de nom d'une ligne de radio doivent être les mêmes afin que la sélection de radio puisse être obtenue.
La copie de code est la suivante:
<Input type = "radio" name = "a" value = "1"> aaaaaaaa <br>
<Input type = "radio" name = "a" value = "2"> bbbbbbbbbb <br>
<Entrée type = "bouton" onClick = "check ();"
<script linguisse = "javascript">
<! -
Fonction Check ()
{
var sel = 0;
pour (var i = 0; i <document.getElementsByName ("a"). Length; i ++)
{
if (document.getElementsByName ("a") [i] .Cherated)
{
sel = document.getElementsByName ("a") [i] .Value;
}
}
if (sel == 1)
{
alerte ("aaaaaaaaa");
}
else if (sel == 2)
{
alert ("BBBBBBBBBBBBB");
}
}
// ->
</cript>
JS Obtenez la valeur et le texte de l'élément sélectionné dans la boîte déroulante
Obtenez la valeur et le texte des éléments sélectionnés dans la boîte déroulante sous Firefox et IE:
1. Méthodes soutenues par IE et Firefox:
Obtenir du texte
La copie de code est la suivante:
var obj = document.getElementById ('select_template');
var text = obj.options [obj.selectedIndex] .Text; // obtenir du texte
var obj = document.getElementById ("select_template");
pour (i = 0; i <obj.length; i ++) {// La longueur de la boîte déroulante est son nombre d'options
if (obj [i] .selected == true) {
var text = obj [i] .text; // obtenir du texte
}
}
La méthode précédente est plus simple
1.IE Soutient Firefox et ne supporte pas:
La copie de code est la suivante:
var obj = document.getElementById (name);
pour (i = 0; i <obj.length; i ++) {
if (obj [i] .selected == true) {
var text = obj [i] .InnerText;
}
}
Obtenir des méthodes de valeur IE et Firefox sont courantes:
var valeur = document.getElementById ("select_template"). Valeur; // Obtenez la valeur
Résumé: En fait, c'est principalement que IE et Firefox prennent en charge la valeur et les attributs de texte, et Firefox ne prend pas en charge les attributs InnerText.
JS implémente la page actuelle pour ouvrir un nouveau lien:
window.location.href = url;