บทความนี้ส่วนใหญ่เกี่ยวกับวิธีการพื้นฐานที่สุดที่เกี่ยวข้องกับจาวาสคริปต์และเลือก เพื่อใช้อ้างอิงโดยผู้ที่ไม่คุ้นเคยกับจาวาสคริปต์ สถานการณ์ทั่วไปคือผู้ที่เสนอโครงสร้างแบบฟอร์มไม่เพียงแต่ต้องออกแบบตรรกะสำหรับโปรแกรมและสร้างโครงสร้างข้อมูลเท่านั้น แต่ยังต้องออกแบบรูปแบบของแบบฟอร์มและคุ้นเคยกับจาวาสคริปต์อีกด้วย บางบริษัทอาจต้องการให้คุณมีความเชี่ยวชาญ ใน Photoshop: ในตอนแรก เราทุกคนเป็นคนรอบรู้
ต่อไปนี้เป็นพื้นฐานของตัวอย่างของเรา นี่ไม่ใช่รูปแบบมาตรฐาน
<แบบฟอร์ม id="f">
<เลือกขนาด="1" ชื่อ="s">
<option value="VeVB.COm">Wulin.com</option>
<option value="baidu.com">ไป่ตู้</option>
</เลือก>
</แบบฟอร์ม>
-------------------------------------------------- -------------------------------------------------- -------------------------------
คัดลอกรหัสรหัสดังต่อไปนี้:
<script type="text/javascript">
-
var f = document.getElementById("f");
//รับจำนวนรายการที่เลือก
document.write(fsoptions.ความยาว);
document.write(fslength);
//ตัวห้อยของรายการที่เลือกในปัจจุบัน (เริ่มจาก 0) (มีสองวิธี)
//หากเลือกหลายรายการ ให้ส่งคืนตัวห้อยของรายการแรกที่เลือก
document.write(fsoptions.selectedIndex);
document.write(fsselectedIndex);
//ตรวจสอบว่ามีการเลือกรายการหรือไม่
document.write(fsoptions[0].selected);
//รับค่าและข้อความของรายการใดรายการหนึ่ง
document.write(fsoptions[0].value);
document.write(fsoptions[1].text);
//ลบรายการ
fsoptions[1] = โมฆะ;
//เพิ่มรายการ
fsoptions[fsoptions.length] = ตัวเลือกใหม่ ("ข้อความเพิ่มเติม", "มูลค่าเพิ่มเติม");
//เปลี่ยนรายการ
fsoptions[1] = ตัวเลือกใหม่ ("ข้อความที่เปลี่ยนแปลง", "ค่าที่เปลี่ยนแปลง");
//คุณยังสามารถตั้งค่าข้อความและค่าของรายการได้โดยตรง
-
</สคริปต์>
//เลือกรายการทั้งหมดในรายการ
ฟังก์ชั่น SelectAllOption (รายการ)
-
สำหรับ (var i=0; i<list.options.length; i++)
-
list.options[i].selected = จริง;
-
-
//ย้อนกลับการเลือกรายการในรายการโดย VeVB.COm asp Learning network
functionDeSelectOptions (รายการ)
-
สำหรับ (var i=0; i<list.options.length; i++)
-
list.options[i].selected = !list.options[i].selected;
-
-
//ส่งคืนจำนวนรายการที่เลือกในรายการ
ฟังก์ชั่น GetSelectedOptionsCnt (รายการ)
-
var cnt = 0;
วาร์ i = 0;
สำหรับ (i=0; i<list.options.length; i++)
-
ถ้า (list.options[i].selected)
-
ซีเอ็นที++;
-
-
กลับ CNT;
-
//ล้างรายการ
ฟังก์ชั่น ClearList (รายการ)
-
ในขณะที่ (list.options.length > 0)
-
list.options[0] = โมฆะ;
-
-
//ลบรายการที่เลือกออกจากรายการ
//ส่งคืนจำนวนรายการที่ถูกลบ
ฟังก์ชั่น DelSelectedOptions (รายการ)
-
วาร์ i = 0;
var ถูกลบCnt = 0;
ในขณะที่ (i < list.options.length)
-
ถ้า (list.options[i].selected)
-
list.options[i] = null;
ลบCnt++;
-
อื่น
-
ฉัน++;
-
-
กลับถูกลบCnt;
-
//ฟังก์ชันนี้ค้นหาว่ามีรายการที่เกี่ยวข้องอยู่หรือไม่
//repeatCheck ว่าจะตรวจสอบความสามารถในการทำซ้ำหรือไม่
//หากเป็น "v" ให้ทำการตรวจสอบค่าที่ซ้ำกันตามค่า
//หากเป็น "t" ให้ทำการตรวจสอบค่าซ้ำตามข้อความ
//หากเป็น "vt" ให้ทำการตรวจสอบค่าที่ซ้ำกันตามค่าและข้อความ
//ค่าอื่นๆ ไม่มีการตรวจสอบความสามารถในการทำซ้ำ ส่งคืนค่าเท็จ
ฟังก์ชั่น OptionExists (รายการ, optText, optValue, RepeatCheck)
-
วาร์ i = 0;
var ค้นหา = เท็จ;
ถ้า (repeatCheck == "v")
-
//ตรวจสอบค่าซ้ำตามค่า
สำหรับ (i=0; i<list.options.length; i++)
-
ถ้า (list.options[i].value == optValue)
-
ค้นหา = จริง;
หยุดพัก;
-
-
-
อย่างอื่นถ้า (repeatCheck == "t")
-
// ตรวจสอบซ้ำด้วยข้อความ
สำหรับ (i=0; i<list.options.length; i++)
-
ถ้า (list.options[i].text == optText)
-
ค้นหา = จริง;
หยุดพัก;
-
-
-
อย่างอื่นถ้า (repeatCheck == "vt")
-
//ตรวจสอบซ้ำตามค่าและข้อความ
สำหรับ (i=0; i<list.options.length; i++)
-
ถ้า ((list.options[i].value == optValue) && (list.options[i].text == optText))
-
ค้นหา = จริง;
หยุดพัก;
-
-
-
กลับพบ;
-
//ผนวกรายการเข้ากับรายการ
//list คือรายการที่จะต่อท้าย
//optText และ optValue แสดงถึงข้อความและค่าของรายการตามลำดับ
//ทำซ้ำตรวจสอบว่าจะทำการตรวจสอบความสามารถในการทำซ้ำหรือไม่ ดูตัวเลือกที่มีอยู่
//คืนค่าเป็นจริงหากเพิ่มสำเร็จ คืนค่าเป็นเท็จหากล้มเหลว
ฟังก์ชั่น AppendOption (รายการ, optText, optValue, RepeatCheck)
-
ถ้า (!OptionExists(รายการ, optText, optValue, RepeatCheck))
-
list.options[list.options.length] = ตัวเลือกใหม่ (optText, optValue);
กลับเป็นจริง;
-
อื่น
-
กลับเท็จ;
-
-
//ใส่รายการ
//ตำแหน่งการแทรกดัชนี เมื่อตำแหน่งการแทรก >= จำนวนรายการที่มีอยู่ในรายการ ฟังก์ชันจะเทียบเท่ากับการผนวกรายการโดยไม่ต้องตรวจสอบซ้ำ
//optText และ optValue แสดงถึงข้อความและค่าของรายการตามลำดับ
ฟังก์ชั่น InsertOption (รายการ, ดัชนี, optText, optValue)
-
วาร์ i = 0;
สำหรับ (i=list.options.length; i>ดัชนี; i--)
-
list.options[i] = ตัวเลือกใหม่ (list.options[i-1].text, list.options[i-1].value);
-
list.options[index] = ตัวเลือกใหม่ (optText, optValue);
-
//ส่งออกรายการจากรายการหนึ่งไปยังอีกรายการหนึ่ง
//ทำซ้ำตรวจสอบว่าจะทำการตรวจสอบความสามารถในการทำซ้ำหรือไม่ ดูตัวเลือกที่มีอยู่
//หลังจากนำเข้ารายการ DeleteSource ไปยังเป้าหมายแล้ว ไม่ว่าจะลบรายการในรายการแหล่งที่มาหรือไม่
//ส่งคืนจำนวนรายการที่ได้รับผลกระทบ
ฟังก์ชั่น ListToList (sList, dList, RepeatCheck, DeleteSource)
-
//จำนวนแถวที่ได้รับผลกระทบ
เส้น var = 0;
วาร์ i = 0;
ในขณะที่ (i<sList.options.length)
-
ถ้า (sList.options[i].เลือก && AppendOption(dList, sList.options[i].text, sList.options[i].value, RepeatCheck))
-
//เพิ่มเรียบร้อยแล้ว
เส้น++;
ถ้า (ลบแหล่งที่มา)
-
//ลบรายการออกจากรายการแหล่งที่มา
sList.options[i] = null;
-
อื่น
-
ฉัน++;
-
-
อื่น
-
ฉัน++;
-
-
เส้นกลับ;
-
//ย้ายรายการที่เลือกขึ้นในรายการ
ฟังก์ชั่น MoveSelectedOptionsUp (รายการ)
-
วาร์ i = 0;
ค่า var = "";
ข้อความ var = "";
สำหรับ (i=0; i<(list.options.length-1); i++)
-
ถ้า (!list.options[i].selected && list.options[i+1].selected)
-
ค่า = list.options[i].value;
ข้อความ = list.options[i].ข้อความ;
list.options[i] = ตัวเลือกใหม่ (list.options[i+1].text, list.options[i+1].value);
list.options[i].selected = จริง;
list.options[i+1] = ตัวเลือกใหม่ (ข้อความ, ค่า);
-
-
-
//ย้ายรายการที่เลือกลงในรายการ
ฟังก์ชั่น MoveSelectedOptionsDown (รายการ)
-
วาร์ i = 0;
ค่า var = "";
ข้อความ var = "";
สำหรับ (i=list.options.length-1; i>0; i--)
-
//www.VeVB.COm
ถ้า (!list.options[i].selected && list.options[i-1].selected)
-
ค่า = list.options[i].value;
ข้อความ = list.options[i].ข้อความ;
list.options[i] = ตัวเลือกใหม่ (list.options[i-1].text, list.options[i-1].value);
list.options[i].selected = จริง;
list.options[i-1] = ตัวเลือกใหม่ (ข้อความ, ค่า);
-
-
-