Cet article vous présente le résumé de divers usages de l'appel HTML SELECT via le code JS
Ce qui suit est le contenu pertinent résumé par diverses usages de SELECT HTML CALPEL SELECT via JS Code. Le tutoriel de l'article parle principalement de certaines technologies et connaissances liées à la sélection. Pour plus de contenu, vous êtes invités à visiter http://www.vevb.com pour obtenir plus de derniers tutoriels. Ce qui suit est l'explication du tutoriel:
Cet article vous présente le résumé de divers usages de l'appel HTML SELECT via le code JS
1) Masquer et afficher de la sélection:
$ (selectList) .style.display = $ (selectList) .style.display == Block? Aucun: Block;
2) Sélectionner est disponible ou non:
<sélectionner Disabled = Value> Document.GetElementById (NIDLEDROPLIST) .Disabled = Value; non disponible document.getElementById (niveaudroplist) .Disabled = value; disponible
<html> <éadf> <script linguisse = javascript> <! - /// oSelect Une nouvelle option a été ajoutée en bas de la fonction de liste onload () {var ooption = document.createelement (option); ooption.text = ferrari; ooption.value = 4; elelect.add (ooption);} fonction fnchange () {odata.value + = oCars.options [oCars.SelectedIndex] .Text +;} // -> </ script> </ head> <body onload = onload ()> <! - Ajouter un select -> <! - 1 utilise l'élément sélectionné pour créer une boîte de liste déroulante <! Valeur = 3 sélectionné> Siamois </lect> <p> <! - 2 L'élément Select crée une zone de liste multi-sélection en définissant la taille et les propriétés de balises multiples. Pour obtenir des options sélectionnées pour la zone de liste de sélection multiples, vous devez traverser la collection d'options et vérifier si sélectionné est défini sur true. -> <select id = oSelect name = Cars size = 3 multiples> <! - 3 et plusieurs sont définis ici -> <option valeur = 1 sélectionnés> BMW <Option Value = 2> Porsche <Value Option = 3 Selected> Mercedes </lect> <p> <! - 3 Le suivant démontre l'utilisation de l'option -> <Select Id = OCARS size = 1 onChange = FnChange ()> <option Value = 1> Bmw Value = 1> BMW <Option Value = 2> Porsche <Option Value = 3 Selected> Benchan </lect> <p> <TextArea id = Odata> </ TextArea> </ Body> </html>Attachement: quelques conseils sélectionnés
1. Créer dynamiquement Select
Fonction CreateSelect () {var MySelect = document.CreateElement (SELECT); MySelect.id = MySelect; document.body.appendChild (MySelect);}2. Ajouter l'option Option
Fonction AddOption () {// Recherche d'objet par id, var obj = document.getElementById ('mySelect'); // ajout d'une option obj.add (nouvelle option (texte, valeur));}3. Supprimer toutes les options
Fonction RemoveAll () {var obj = document.getElementById ('mySelect'); obj.options.length = 0;}4. Supprimer une option d'option
Fonction SupporOne () {var obj = document.getElementById ('mySelect'); // index, Pour supprimer le numéro de séquence de l'option, voici le numéro de séquence de l'option actuellement sélectionnée var index = obj.selectedIndex; obj.options.remove (index);}5. Obtenez la valeur de l'option Option
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Numéro de série, prenez le numéro d'option actuellement sélectionné var val = obj.options [index] .value;6. Obtenez le texte de l'option Option
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Numéro de série, prenez le numéro d'option actuellement sélectionné var val = obj.options [index] .Text;7. Modifier l'option Option
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Numéro de série, prenez l'option actuellement sélectionnée var val = obj.options [index] = nouvelle option (nouveau texte, nouvelle valeur);8. Supprimer Sélectionner
fonction supprime () {var mySelect = document.getElementById (mySelect); mySelect.parentNode.removechild (MySelect);}9. Définissez Sélectionner Optin pour être entré
fonction supprime () {// ajouter dynamiquement des employés à la liste déroulante des participants pour (var i = 0; i <json.length; i ++) {var newOption = nouvelle option (json [i] .empname, json [i] .empid, i); // ajouter des informations aux employés à la liste des participants à la clientèle objdeal.options.addd (newoption); Le vendeur n'est pas vide si (empbyDealempid! = empbyDealempid! = 0) {// L'ID de l'employé est égal à la valeur dans la liste déroulante, et la liste déroulante est sélectionnée si (empbyDealempid == objdeal.options [i] .value) {// juge cette liste de drop-down est sélectionné objDeal.options [i].Fin. Le tutoriel a été terminé ici. Avez-vous gagné quelque chose en lisant? Ce site fournit également du contenu sélectionné, bienvenue pour continuer à lire.