選択オプションを追加して、最後のアイテムに配置します
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"
JSコード:
var select = document.forms [0] .elements ['location'];
最初の方法:無線オプションを追加します
var newoption = document.createElement( 'option'); var newtext = document.createTextNode( 'guangzhou'); newoption.AppendChild(newText); newoption.setattribute( 'value'、 'guangzhou'); select.appendchild(newoption);
2番目の方法:単一選択オプションも追加します。もっと簡単ではありませんか?ハハ、しかし、それはIE8以降のバージョンと互換性がありません
var Newsoption = new Option( 'nanchang1'、 'nanchang'); select.appendchild(newsoption);
3番目の方法:ラジオボックスを追加する、最良のソリューション、これは便利で互換性があります
var nnewoption = new option( 'fengcheng1'、 'fengcheng'); select.add(nnewoption、未定義);
オプションを削除します:
最初の方法:select.remove(i); //インデックスは0から始まります
2番目の方法:select.options [i] = null;
3番目の方法:select.removechild(select.options [i])
ラジオのラジオを外す3つの方法を以下に示します
この記事はjQueryに依存しており、1番目と2番目の方法はjQueryを使用して実装され、3番目の方法はJSとDOMに基づいて実装されます。
<!Doctype html> <html> <head> <title>ラジオボタンを解除する3つの方法$ browsers = "input = browser]"); $ BROWSERS.ATTR( "Checked"、false); //属性を削除すると、jqueryを使用しない場合は、var checkedbrowser = documentbyname( "browser"); = 0; </script> </head> <body> <p>どのブラウザが好きですか? </p> <form> <入力style = "display:none;" id = "hidbrowser" type = "radio" name "name =" browser "value =" ""> <input type = "radio" name "browser" value = "internet explorer"> internet explorer <br /> <input type = "radio" name = "browser" value = "firefox"> firefox <br /> <input = "br /netscape" type = "Radio" name = "browser" value = "netscape"> netscape <br /> <入力タイプ= "radio" name = "browser" value = "opera"> opera <br /> <br /> <inputタイプ= "ボタン" id = "cancel" value = "unselectメソッド1"サイズ= "20" <入力タイプ= "ボタン" id = "削除値="メソッド3 "サイズ=" 20 "> </form> </body> </html>
上記は、編集者によって導入されたフォームのラジオボックスの追加および削除オプションです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!