Seleção Adicionar opção e coloque -a no último item
Código HTML:
<form><select name="location" id="location"><option value="beijing1">beijing</option><option value="shanghai1">shanghai</option><option value="chengdu1">chengdu</option><option value="changsha1">changsha</option></select></form>
Código JS:
var select = document.forms [0] .Elementos ['localização'];
O primeiro método: adicione uma opção de rádio
var newOption = document.createElement ('option'); var newText = document.createTextNode ('guangzhou'); newOption.appendChild (newText); newOption.setAttribute ('value', 'guangzhou'); select.appendChild (newOption);O segundo método: adicione também uma opção de escolha única. Não é muito mais simples? Haha, mas não é compatível com o IE8 e as versões acima
var NewsOption = nova opção ('nanchang1', 'nanchang'); select.appendChild (NewsOption);O terceiro método: adicione caixas de rádio para ver, a melhor solução, esta é conveniente e compatível
var nnewOption = nova opção ('fengcheng1', 'fengcheng'); select.add (nNewOption, indefinido);Remover opções:
O primeiro método: select.remove (i); // Índice começa em 0
O segundo método: select.options [i] = null;
O terceiro método: select.removeChild (select.options [i])
Aqui estão três maneiras de desmarcar rádio para rádio
Este artigo se baseia no jQuery, o primeiro e o segundo métodos são implementados usando o jQuery e os terceiros métodos são implementados com base no JS e DOM.
<! DOCTYPE html> <html> <head> <titter> Três maneiras de desmarcam o botão de rádio </ititure> <script type = "text/javascript" src = "http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script> </script> // var $ navegador = $ (input [nome = navegador] "); $ navegador.attr ("verificado", false); $ remover.click (function (e) {// vá diretamente para o elemento DOM, remova atributos // Se você não usar jQuery, poderá portar esse método var checkEdBrowser = document.getElementsByName ("navegador"); = verificação de que é (; i ++) </script> </ad Head> <body> <p> Qual navegador você gosta? </p> <form> <input style = "display: nenhum;" id = "hidebrowser" type = "radio" name = "navegador" value = ""> <input type = "radio" name = "navegador" value = "internet explorer"> internet explorer <r /> <insput type = "radio" name = "navegador" browser "=" /> <input type = "radio" name = "navegador" value = "netscape"> netscape <r /> <input type = "radio" name = "navegador" value = "opera"> opera <r /> <r /> <input type = "button" "" cancel "=" unselect Methodel 1 "" "20"> "> 2 "size =" 20 "> <input type =" button "id =" remover "value =" unselect método 3 "size =" 20 "> </mand> </body> </html>O exposto acima são as opções de adição e remoção para caixas de rádio no formulário introduzido pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!