สรุปการใช้งาน HTML ที่หลากหลายเลือกผ่านรหัส JS

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-04-08 20:16:02

บทความนี้แนะนำคุณเกี่ยวกับบทสรุปของการใช้งานต่างๆของการโทร HTML เลือกผ่านรหัส JS

ต่อไปนี้เป็นเนื้อหาที่เกี่ยวข้องที่สรุปโดยการใช้งานต่าง ๆ ของการโทร HTML เลือกผ่านรหัส JS บทช่วยสอนส่วนใหญ่พูดถึงเทคโนโลยีและความรู้บางอย่างที่เกี่ยวข้องกับการเลือก สำหรับเนื้อหาเพิ่มเติมคุณสามารถเยี่ยมชม http://www.vevb.com เพื่อรับบทช่วยสอนล่าสุด ต่อไปนี้เป็นคำอธิบายการสอน:

1) ซ่อนและแสดงผลของการเลือก:

 $ (SelectList) .style.display = $ (SelectList) .style.display == บล็อก? ไม่มี: บล็อก;

2) เลือกใช้ได้หรือไม่:

 <เลือก disabled = value> document.getElementById (LevelDropList) .disabled = value; ไม่พร้อมใช้งาน document.getElementById (LevelDropList) .disabled = value; มีอยู่

 <html> <head> <script language = javascript> <!-/// oselect ตัวเลือกใหม่ได้รับการเพิ่มที่ด้านล่างของฟังก์ชันรายการ onload () {var ooption = document.createelement (ตัวเลือก); ooption.text = ferrari; ooption.value = 4;

 ฟังก์ชั่น fnchange () {odata.value + = ocars.options [ocars.selectedIndex] .Text +;} //-> < /script> </head> <body onload = onload ()> <!-เพิ่มตัวเลือก-> <! value = 3 เลือก> Siamese < /select> <p> <!-2 องค์ประกอบเลือกสร้างกล่องรายการหลายตัวเลือกโดยการตั้งค่าขนาดและคุณสมบัติแท็กหลายตัว ในการรับตัวเลือกที่เลือกสำหรับกล่องรายการเลือกหลายรายการคุณต้องสำรวจคอลเลกชันตัวเลือกและตรวจสอบว่าตั้งค่าเป็นจริงหรือไม่ -> <select id = oselect name = cars size = 3 multiple> <!-3 และหลายตัวถูกตั้งค่าที่นี่-> <ค่าตัวเลือก = 1 เลือก> bmw <ค่าตัวเลือก = 2> ปอร์เช่ <ค่าตัวเลือก = 3 เลือก> mercedes < /select> <p> <! value = 1> bmw <ค่าตัวเลือก = 2> Porsche <ค่าตัวเลือก = 3 เลือก> Benchan </select> <p> <textarea id = odata> </textarea> </body> </html>

เอกสารแนบ: เคล็ดลับเลือกบางอย่าง

1. สร้างแบบไดนามิกที่เลือก

 ฟังก์ชั่น createSelect () {var myselect = document.createElement (เลือก); mySelect.id = mySelect; document.body.appendchild (myselect);}

2. เพิ่มตัวเลือกตัวเลือก

 ฟังก์ชั่น addoption () {// การค้นหาวัตถุโดย id, var obj = document.getElementById ('myselect'); // การเพิ่มตัวเลือก obj.add (ตัวเลือกใหม่ (ข้อความ, ค่า));}

3. ลบตัวเลือกทั้งหมด

 ฟังก์ชั่น removeAll () {var obj = document.getElementById ('myselect'); obj.options.length = 0;}

4. ลบตัวเลือกตัวเลือก

 ฟังก์ชั่น removeOne () {var obj = document.getElementById ('myselect'); // index, เพื่อลบหมายเลขลำดับของตัวเลือกนี่คือหมายเลขลำดับของตัวเลือกที่เลือกในปัจจุบันดัชนี var = obj.selectedIndex; obj.options.Remove (index);

5. รับตัวเลือกค่าตัวเลือก

 var obj = document.getElementById ('myselect'); var index = obj.selectedIndex; // หมายเลขซีเรียลใช้หมายเลขตัวเลือกที่เลือกในปัจจุบัน var val = obj.options [ดัชนี] .Value;

6. รับตัวเลือกข้อความของตัวเลือก

 var obj = document.getElementById ('myselect'); var index = obj.selectedIndex; // หมายเลขซีเรียลใช้หมายเลขตัวเลือกที่เลือกในปัจจุบัน var val = obj.options [ดัชนี] .Text;

7. ตัวเลือกตัวเลือกแก้ไข

 var obj = document.getElementById ('myselect'); var index = obj.selectedIndex; // หมายเลขซีเรียลใช้ตัวเลือกที่เลือกในปัจจุบัน var val = obj.options [ดัชนี] = ตัวเลือกใหม่ (ข้อความใหม่, ค่าใหม่);

8. ลบเลือก

 ฟังก์ชั่นลบออก () {var myselect = document.getElementById (mySelect); myselect.parentNode.removeChild (mySelect);}

9. ตั้งค่าเลือก Optin เป็นอินพุต

 ฟังก์ชั่นลบเลือก () {// เพิ่มพนักงานแบบไดนามิกลงในรายการแบบเลื่อนลงของผู้เข้าร่วมสำหรับ (var i = 0; i <json.length; i ++) {var newoption = ตัวเลือกใหม่ (json [i]. empname, json [i] .empid, // เพิ่มข้อมูลพนักงาน พนักงานขายจะไม่ว่างเปล่าถ้า (empbyDealEmpid! = empbyDealemPid! = 0) {// ID พนักงานเท่ากับค่าในรายการดรอปดาวน์และรายการดรอปดาวน์จะถูกเลือกถ้า (empbyDealempid == objdeal.options [i].

จบ. บทช่วยสอนได้เสร็จสิ้นที่นี่ คุณได้รับบางสิ่งบางอย่างจากการอ่านหรือไม่? เว็บไซต์นี้ยังมีเนื้อหาที่เกี่ยวข้องกับการเลือกยินดีต้อนรับสู่การอ่านต่อ