Selección Agregar opción y colóquela en el último elemento
Código HTML:
<Form> <select name = "ubicación" id = "ubicación"> <opción valor = "beijing1"> beijing </option> <opción value = "shanghai1"> shanghai </opción> <opción valor = "chengdu1"> chengdu </opción> <option value = "changsha1"> changsha </spection> </select> </formy>
Código JS:
var select = document.forms [0] .elements ['ubicación'];
El primer método: agregar una opción de radio
var newOption = document.createElement ('opción'); var newtext = document.createTextNode ('guangzhou'); newOption.appendChild (newText); newOption.SetAttribute ('valor', 'guangzhou'); select.appendChild (newoption);El segundo método: también agregue una opción de opción única. ¿No es mucho más simple? Jaja, pero no es compatible con las versiones de IE8 y por encima
var newsOption = nueva opción ('nanchang1', 'nanchang'); select.appendChild (newsOption);El tercer método: agregue cajas de radio para ver, la mejor solución, esta es conveniente y compatible
var nNewOption = nueva opción ('fengcheng1', 'fengcheng'); select.add (nNewOption, indefinido);Eliminar opciones:
El primer método: select.remove (i); // El índice comienza desde 0
El segundo método: select.options [i] = null;
El tercer método: select.removechild (select.options [i])
Aquí hay tres formas de desmarcar la radio para la radio.
Este artículo se basa en jQuery, los métodos primero y segundo se implementan utilizando jQuery, y los terceros métodos se implementan en función de JS y DOM.
<! Doctype html> <html> <fead> <title> Tres formas de desmarcar el botón de radio </title> <script type = "text/javaScript" src = "http://lib.sinaapp.com/js/jQuery/1.7.2/jquery.min.js"> </script> <script type = "text/javaScript" () $ Browsers = $ ("Name = Browser]"); $ BROWSERS.ATTR ("CHECKED", FALSO); $ remove.click (function (e) {// vaya directamente al elemento DOM, eliminar atributos // Si no usa jQuery, puede portar este método var checkedbrowser = document.getElementsByName ("browser");/ * $ .each (checkedbrowser, function (i, v) {v.checked = false; v.removeattribute ("checked");} = checkbrowser.length; </script> </head> <body> <p> ¿Qué navegador te gusta? </p> <form> <input style = "display: none;" id = "Hidbrowser" type = "Radio" name = "Browser" value = ""> <input type = "Radio" name = "Browser" value = "Internet Explorer"> Internet Explorer <Br /> <input type = "Radio" name = "Browser" Value = "Firefox"> Firefox <Br /> <input type = "Radio name =" Browser "Value =" NetScape "NetScape type = "Radio" name = "Browser" value = "Netscape"> Netscape <Br /> <input type = "Radio" name = "Browser" value = "Opera"> Opera <Br /> <Br /> <input type = "Botón" id = "Cancel" Value = "Unselect Method 1" Tamaño = "20"> <Input type = "Botón" ID = "Byhide" Value = "Value =" Value = "Value =" Value "Inputect Method 2" Sea type = "botón" id = "eliminar" value = "Unselect Method 3" size = "20"> </form> </body> </html>Lo anterior son las opciones de adición y eliminación para cajas de radio en el formulario introducido por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!