โดโจ
Dojo เป็นชุดเครื่องมือ DHTML โอเพนซอร์สที่ใช้ในภาษา JavaScript มันถูกสร้างขึ้นบนพื้นฐานของการบริจาคโครงการหลายรายการ (Nwidgets, Burstlib, F (M)) ซึ่งเป็นสาเหตุที่เรียกว่าชุดเครื่องมือ "Unified" เป้าหมายของ Dojo คือการแก้ปัญหาทางประวัติศาสตร์ที่ยาวนานกับ DHTML เมื่อพัฒนาแอปพลิเคชัน DHTML ปัญหาข้ามเบราว์เซอร์
1. ปัญหาพื้นหลัง
นี่คือกล่องดรอปดาวน์ซึ่งมีตัวเลือกตลอดทั้งปีและเลือกค่าและข้อความของกล่องดรอปดาวน์
2. ใช้ซอร์สโค้ด
<! doctype html> <html> <head> <meta charset = "utf-8"/> <title> dojo-รับค่าและข้อความของกล่องแบบหล่นลง </title> <link rel = "stylesheet" href = "js/dojo/dijit/themes/claro/claro.css src = "js/jQuery-1.12.4.js"> </script> <script type = "text/javascript" src = "js/dojo/dojo/dojo.js"> </script> } </style> <script> dojoconfig = {async: true, parseonload: true} </script> <script> ต้องการ (["dojo/store/memory", "dijit/form/filteringselect", "dojo/domready!", ฟังก์ชั่น (หน่วยความจำ {ชื่อ: "ฤดูร้อน", id: "ฤดูร้อน"}, {ชื่อ: "Autumn", id: "Autumn"}, {ชื่อ: "Winter", ID: "Winter"}]}); </script> </head> <body> <input id = "Season"/> <br> <button id = "valuebtn" onclick = "การแจ้งเตือน (dijit.byid ('ฤดูกาล') รับ ('value'))" รับกล่องดรอปทาวน์ ข้อความกล่องแบบเลื่อนลง </button> </body> </html>3. บรรลุผลลัพธ์
(1) การเริ่มต้น
(2) คลิกปุ่ม "รับกล่องแบบเลื่อนลง"
(3) คลิกปุ่ม "รับกล่องข้อความแบบเลื่อนลง"