บทความนี้อธิบายวิธีการของ JavaScript เพื่อควบคุมการเคลื่อนไหวขึ้นและลงของรายการในกล่องรายการรายการ แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
รหัส JS นี้สามารถควบคุมองค์ประกอบใน ListBox เพื่อเลื่อนขึ้นหรือลงซึ่งมีประโยชน์มาก ด้านล่างคือรหัสโดยละเอียด
การคัดลอกรหัสมีดังนี้: ฟังก์ชั่น listbox_move (listid, direction) {
var listbox = document.getElementById (listId);
var selindex = listbox.selectedIndex;
if (-1 == SelIndex) {
การแจ้งเตือน ("โปรดเลือกตัวเลือกที่จะย้าย");
กลับ;
-
var เพิ่ม = -1;
if (direction == 'up')
เพิ่ม = -1;
อื่น
เพิ่ม = 1;
if ((SelIndex + เพิ่มขึ้น) <0 ||
(SelIndex + เพิ่มขึ้น)> (listbox.options.length-1)) {
กลับ;
-
var selvalue = listbox.options [selindex] .Value;
var seltext = listbox.options [SelIndex] .Text;
listbox.options [selindex] .value = listbox.options [selindex + การเพิ่มขึ้น] .Value
listbox.options [selindex] .text = listbox.options [SelIndex + การเพิ่มขึ้น] .Text
listbox.options [SelIndex + เพิ่มขึ้น] .Value = SelValue;
listbox.options [SelIndex + เพิ่มขึ้น] .Text = SelText;
listbox.selectedIndex = SelIndex + เพิ่มขึ้น;
-
-
-
ListBox_Move ('CountryList', 'Up'); // เลื่อนตัวเลือกที่เลือก
ListBox_Move ('CountryList', 'Down'); // เลื่อนตัวเลือกที่เลือกลง
ด้านล่างนี้เป็นรหัสสาธิตโดยละเอียดที่สามารถใช้ในเบราว์เซอร์
คัดลอกรหัสดังนี้: คลิกปุ่มด้านล่างเพื่อเลือกหรือยกเลิกการเลือกตัวเลือกทั้งหมดจากกล่องเลือก <br>
<เลือก id = "lsbox" name = "lsbox" size = "10" multiple = "">
<ตัวเลือกค่า = "1"> อินเดีย </potion>
<ตัวเลือกค่า = "2"> United States </potion>
<ตัวเลือกค่า = "3"> จีน </potion>
<ตัวเลือกค่า = "4"> อิตาลี </potion>
<ตัวเลือกค่า = "5"> เยอรมนี </portion>
<ตัวเลือกค่า = "6"> แคนาดา </potion>
<ตัวเลือกค่า = "7"> ฝรั่งเศส </potion>
<ตัวเลือกค่า = "8"> สหราชอาณาจักร </potion>
</เลือก> <br>
<ปุ่ม onclick = "listboxmove ('lsbox', 'up');"> เลื่อนขึ้น </button>
<ปุ่ม onclick = "listboxmove ('lsbox', 'down');"> เลื่อนลง </button>
<script>
ฟังก์ชั่น listboxmove (listid, direction) {
var listbox = document.getElementById (listId);
var selindex = listbox.selectedIndex;
if (-1 == SelIndex) {
การแจ้งเตือน ("โปรดเลือกตัวเลือกที่จะย้าย");
กลับ;
-
var เพิ่ม = -1;
if (direction == 'up')
เพิ่ม = -1;
อื่น
เพิ่ม = 1;
if ((SelIndex + เพิ่มขึ้น) <0 ||
(SelIndex + เพิ่มขึ้น)> (listbox.options.length-1)) {
กลับ;
-
var selvalue = listbox.options [selindex] .Value;
var seltext = listbox.options [SelIndex] .Text;
listbox.options [selindex] .value = listbox.options [selindex + การเพิ่มขึ้น] .Value
listbox.options [selindex] .text = listbox.options [SelIndex + การเพิ่มขึ้น] .Text
listbox.options [SelIndex + เพิ่มขึ้น] .Value = SelValue;
listbox.options [SelIndex + เพิ่มขึ้น] .Text = SelText;
listbox.selectedIndex = SelIndex + เพิ่มขึ้น;
-
</script>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน