ตัวเลือกเพิ่มตัวเลือกและวางไว้ในรายการสุดท้าย
รหัส HTML:
<form> <select name = "location" id = "location"> <ตัวเลือกค่า = "Beijing1"> Beijing </opovie> <ตัวเลือกค่า = "Shanghai1"> Shanghai </opovie> <opotion value = "Chengdu1"> chengdu </opotion> <ตัวเลือก
รหัส JS:
var select = document.forms [0] .Elements ['location'];
วิธีแรก: เพิ่มตัวเลือกวิทยุ
var newOption = document.createElement ('ตัวเลือก'); var newtext = document.createTextNode ('guangzhou'); newoption.appendchild (newtext); newoption.setAttribute ('value', 'guangzhou'); select.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> <ditle> สามวิธีในการยกเลิกการเลือกปุ่มตัวเลือก </title> <script type = "text/javascript" src = "http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" $ เบราว์เซอร์ = $ ("NAME = BROWSER]"); $ browsers.attr ("ตรวจสอบ", false); $ remove.click (ฟังก์ชั่น (e) {// ไปที่องค์ประกอบ DOM โดยตรงให้ลบแอตทริบิวต์ // หากคุณไม่ใช้ jQuery คุณสามารถพอร์ตวิธีนี้ var checkedBrowser = document.getElementsByName ("เบราว์เซอร์"); = CheckedBrowser.length; </script> </head> <body> <p> คุณชอบเบราว์เซอร์ใด </p> <form> <อินพุต style = "แสดง: ไม่มี;" id = "hidebrowser" type = "Radio" name = "Browser" value = ""> <input type = "Radio" name = "Browser" value = "Internet Explorer"> Internet Explorer <br /> <อินพุต type = "Radio" name = "browser" value = "firefox"> firefox <br /> <อินพุต type = "radio" name = "เบราว์เซอร์" value = "netscape"> netscape <br /> <อินพุต type = "วิทยุ" ชื่อ = "เบราว์เซอร์" value = "โอเปร่า"> โอเปร่า <br /> <br /> <อินพุตประเภท = "ปุ่ม" id = "ยกเลิก" <อินพุต type = "ปุ่ม" id = "ลบ" value = "วิธีการเลือก 3" size = "20"> </form> </body> </html>ข้างต้นคือตัวเลือกการเพิ่มและการลบสำหรับกล่องวิทยุในแบบฟอร์มที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!