الاختيار إضافة خيار ووضعه في العنصر الأخير
رمز HTML:
<Porm> <select name = "location" id = "location"> <option value = "beijing1"> beijing </potion> <option value = "shanghai1"> Shanghai </spults> <tort
رمز 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') ؛ selec.appendchild (newOption) ؛الطريقة الثانية: إضافة أيضًا خيار خيار واحد. أليس هذا أبسط بكثير؟ هاها ، لكنها غير متوافقة مع IE8 وما فوق الإصدارات
var newsoption = خيار جديد ('nanchang1' ، 'nanchang') ؛ select.appendchild (newsoption) ؛الطريقة الثالثة: إضافة مربعات الراديو لترى ، أفضل حل ، هذا الحاول مريح ومتوافق
var nnewoption = خيار جديد ('fengcheng1' ، 'fengcheng') ؛ select.add (nnewoption ، undefined) ؛إزالة الخيارات:
الطريقة الأولى: SELECT.REMOVE (I) ؛ // الفهرس يبدأ من 0
الطريقة الثانية: select.options [i] = null ؛
الطريقة الثالثة: select.removechild (select.options [i])
فيما يلي ثلاث طرق لإلغاء تحديد الراديو للراديو
تعتمد هذه المقالة على jQuery ، يتم تنفيذ الطرق الأولى والثانية باستخدام jQuery ، ويتم تنفيذ الطرق الثالثة بناءً على JS و DOM.
<! doctype html> <html> <head> <title> ثلاث طرق لإلغاء تحديد زر الراديو </title> <script type = "text/javaScript" src = "http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">/script // var $ browsers = $ ("name = browser]") $ browsers.attr ("check" ، false) ؛ $ remove.click (function (e) {// انتقل مباشرة إلى عنصر DOM ، قم بإزالة السمات // إذا لم تستخدم jQuery ، يمكنك تنفيذ هذه الطريقة var checkedBrowser = document.getElementsByName ("browser") ؛/ * $. CheckedBrowser.Length ؛ </script> </head> <body> <p> أي متصفح يعجبك؟ </p> <Porm> <input style = "Display: None ؛" id = "hidebrowser" type = "radio" name = "browser" value = ""> <input type = "radio" name = "browser" type = "radio" name = "browser" value = "netscape"> netscape <br /> <input type = "radio" name = "browser" value = "opera"> opera <br /> <br /> <brows type = "button" id = اكتب = "زر" id = "إزالة" value = "unclect method 3" size = "20"> </form> </body> </html>ما ورد أعلاه هو خيارات الإضافة والإزالة لصناديق الراديو في النموذج الذي أدخله المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!