Sélection Ajouter l'option et la placer dans le dernier élément
Code html:
<form> <select name = "emplacement" id = "location"> <option value = "beijing1"> beijing </ option> <option value = "shanghai1"> shanghai </ option> <option value = "chengdu1"> chengdu </ option> <option value = "changsha1"> Changs </ option> </lect> </lect> </orm>
Code js:
var select = document.forms [0] .Elements ['emplacement'];
La première méthode: ajouter une option radio
var newOption = document.createElement ('option'); var newText = document.createTextNode ('guangzhou'); newOption.ApendChild (newText); newOption.setAttribute ('value', 'guangzhou'); select.appendChild (newOption);La deuxième méthode: ajoutez également une option à choix unique. N'est-ce pas beaucoup plus simple? Haha, mais il n'est pas compatible avec les versions IE8 et au-dessus
var newsoption = nouvelle option ('nanchang1', 'nanchang'); select.appendChild (newsoption);La troisième méthode: ajouter des boîtes radio pour voir, la meilleure solution, celle-ci est pratique et compatible
var nnewOption = nouvelle option ('Fengcheng1', 'Fengcheng'); select.add (nnewoPtion, undefined);Supprimer les options:
La première méthode: select.remove (i); // index commence à partir de 0
La deuxième méthode: select.options [i] = null;
La troisième méthode: select.removechild (select.options [i])
Voici trois façons de décocher la radio pour la radio
Cet article repose sur JQuery, les première et deuxième méthodes sont implémentées à l'aide de JQuery, et les troisième méthodes sont implémentées sur la base de JS et DOM.
<! Doctype html> <html> <éad- head> <itle> trois façons de décocher le bouton de radio </ title> <script type = "text / javascript" src = "http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </cript> <script type = "Text / javascript"> $ () {script> <script type = "Text / Javascript"> $ () {/ script> <script type = "Text / Javascript"> $ () {Script> <Script Type = " $ Browsers = $ ("Name = Browser]"); $ Browsers.attr ("vérifié", false);}); $ dis dove.click (fonction (e) {// Accédez directement à l'élément DOM, supprimez les attributs // Si vous n'utilisez pas jQuery, vous pouvez porter cette méthode var checkedBrowser = document.getElementsByName ("Browser"); / * $ .each (checkedBrowser, function (i, v) {v.checked = false; v.RemoveAtTraut = vérification de BROWS. </dcript> </-head> <body> <p> Quel navigateur aimez-vous? </p> <form> <intra style = "affiche: aucun;" id = "hidebrowser" type = "radio" name = "Browser" value = ""> <input type = "radio" name = "Browser" value = "Internet Explorer"> Internet Explorer <br /> <entrée type = "radio" name = "Browser" value = "Firefox"> Firefox <br /> <entrée type = "radio" name = "Browser" type = "radio" name = "Browser" value = "netscape"> netscape <br /> <input type = "radio" name = "Browser" value = "opera"> opera <br /> <r /> <input type = "Button" id = "annuler" value = "Unselect Method 1" size = "20"> <entrée = "Button" id = "byHide" type = "Button" id = "retire" value = "Unselect Method 3" size = "20"> </ form> </ body> </html>Ce qui précède est les options d'addition et de suppression pour les boîtes radio dans le formulaire introduit par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!