<ชื่อก่อน = "รหัส">
แท็กกล่องแบบเลื่อนลงใน JSP:
<s: เลือกชื่อ = "sjx" id = "sjx" list = "sjxlist" listkey = "bm" listvalue = "mc" size = "20" cssstyle = "ความกว้าง: 100%; ความสูง: 70px; ชายแดน: 0"
การคัดลอกรหัสมีดังนี้:
<ชื่อก่อน = "รหัส">
multiple = "true" หมายถึงการสนับสนุนหลายการเลือก
</pre> <pre code_snippet_id = "487056" snippet_file_name = "blog_20141017_5_1612209" ชื่อ = "รหัส">
วิธีสร้างรายการที่ยืดหยุ่นภายใต้แท็กเลือกใน JS:
การคัดลอกรหัสมีดังนี้:
<pre name = "code"> var oselect = $ ("sjx"); <span style = "white-space: pre"> </span> // sjx เป็นรหัสของแท็กเลือกบนหน้า HTML หรือ JSP หากคุณใช้ extjs คุณสามารถใช้ ext.getdom ('sjx') เพื่อรับแท็ก
var ooption = document.createElement ("ตัวเลือก"); <span style = "space สีขาว: pre"> </span> // สร้างตัวเลือก subtag ภายใต้แท็กเลือกใน js
oselect.options.add (ooption); <span style = "space white-space: pre"> </span> // เพิ่มตัวเลือกย่อยที่สร้างขึ้นใหม่ในฉลากย่อยลงในแท็กเลือก
Ooption.value = "001"; <span style = "space สีขาว: pre"> </span> // ค่าที่สอดคล้องกับเนื้อหา
ooption.innerhtml = "Little Apple"; <span style = "space white-space: pre"> </span> // เนื้อหาของกล่องดรอปดาวน์ที่แสดง
... และอื่น ๆ
หมายเหตุ: วิธีนี้ใน JS มีประโยชน์มากกว่าในโอกาสที่เฉพาะเจาะจงเช่น: คำขอที่นี่ไม่ได้ส่งคืนอินเทอร์เฟซเฉพาะนั่นคือมันไม่ได้รีเฟรชทั้งอินเทอร์เฟซ ให้ใช้วิธีการ AJAX เพื่อทำคำขอข้อมูลในท้องถิ่นบางวิธีจากนั้นวิธีการ strut2 ต่อไปนี้จะไม่ถูกต้อง
การคัดลอกรหัสมีดังนี้:
<name pre = "code"> <pre name = "code"> สำหรับ (... ) {
hashmap <string, object> map = new hashmap <string, objcet> ();
map.put ("BM", "001");
map.put ("MC", "Little Apple");
sjxlist.add (แผนที่);
-
อีกวิธีหนึ่งยังใช้กันทั่วไป: ใช้คุณสมบัติของ struts2 เพื่อกำหนดตัวแปร <jobch> ตัวแปรในการดำเนินการ (นำตัวอย่างนี้เป็นตัวอย่างชื่อ: sjxlist) และตั้งค่าชุดและรับ
ผ่านวัตถุ HashMap เพิ่มเนื้อหาเช่น:
</pre> เมื่อกลับไปที่อินเทอร์เฟซ "Little Apple" จะแสดงในกล่องแบบเลื่อนลงของอินเทอร์เฟซ
<pre name = "code"> วิธีที่ง่ายที่สุด: เพิ่มรายการตัวเลือกด้วยตนเองของแท็กเลือกโดยตรงบนหน้า jsp <html> <body> <form> <select id = "cars" name = "Cars"> <ตัวเลือก value = "volvo"> volvo </opotion> <ตัวเลือก value = "Audi"> Audi </opotion> </select> </form> </body> </html>