วิธี JavaScript เพื่อควบคุมการเคลื่อนไหวขึ้นและลงของรายการในกล่องรายการรายการรายการ

บทความนี้อธิบายวิธีการของ 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 ของทุกคน