ในระหว่างการพัฒนาโครงการเรามักจะพบกล่องดรอปดาวน์เพื่ออ่านอย่างเดียว แต่น่าเสียดายที่ Select ไม่มีคุณสมบัติแบบอ่านอย่างเดียวดังนั้นเราจึงต้องรวมช่วงนอกการเลือกและเปลี่ยนผ่าน JS
รหัส HTML ต่อไปนี้จะเพิ่มแท็ก SPAN ไปยังแท็กแบบดึงลงของ struts2 ซึ่งทำให้กล่องแบบเลื่อนลงไม่สามารถอ่านได้เมื่อโหลดหน้าเว็บ
การคัดลอกรหัสมีดังนี้:
<body onload = "init ()">
<span id = "id_select">
<s: เลือก name = "sjdwmc" list = "sjdxdwlist" listkey = "dxbh" listvalue = "dwmc" headerkey = "" headervalue = ""> </s: select>
</span>
</body>
ต่อไปนี้เป็นรหัส JS โทร selectreadonly ในวิธีการเริ่มต้นเพื่อให้กล่องแบบเลื่อนลงอ่านอย่างเดียว
การคัดลอกรหัสมีดังนี้:
/*ตั้งค่าเลือกเป็นอ่านอย่างเดียวตาม ID of Span บนหน้า/
ฟังก์ชั่น selectreadonly (selectedId) {
var obj = document.getElementById (selectedId);
obj.onmouseover = function () {
obj.setCapture ();
-
obj.onmouseout = function () {
obj.releasecapture ();
-
obj.onfocus = function () {
obj.blur ();
-
obj.onbeforeactivate = function () {
กลับเท็จ;
-
-
ฟังก์ชัน init () {
selectreadonly ("id_select");
-
งานทำที่นี่และลองใช้เอฟเฟกต์! - -