تصف هذه المقالة طريقة JavaScript للتحكم في حركة العناصر لأعلى ولأسفل في مربع قائمة القائمة. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
يمكن لهذا الرمز JS التحكم في العناصر في ListBox للانتقال لأعلى أو لأسفل ، وهو أمر مفيد للغاية. أدناه هو الرمز التفصيلي
نسخة الكود كما يلي: Function Listbox_move (listid ، Direction) {
var listbox = document.getElementById (listId) ؛
var selindex = listbox.selectedIndex ؛
if (-1 == selindex) {
تنبيه ("الرجاء تحديد خيار للتحرك.") ؛
يعود؛
}
VAR ZENMENT = -1 ؛
إذا (الاتجاه == 'UP')
زيادة = -1 ؛
آخر
الزيادة = 1 ؛
if ((selindex + styrement) <0 ||
(selindex + styrement)> (listbox.options.length-1)) {
يعود؛
}
var selvalue = listbox.options [selindex] .value ؛
var seltext = listbox.options [selindex] .text ؛
listbox.options [selindex] .value = listbox.options [selindex + styrement] .value
listbox.options [selindex] .text = listbox.options
listbox.options [selindex + styrement] .value = selvalue ؛
listbox.options [selindex + styrement] .text = seltext ؛
listbox.selectedIndex = selindex + styrement ؛
}
// ..
// ..
listbox_move ('CountryList' ، 'Up') ؛ // نقل الخيار المحدد
listbox_move ('CountryList' ، 'Down') ؛ // نقل الخيار المحدد
فيما يلي رمز عرض تفصيلي يمكن استخدامه في المتصفح
انسخ الرمز على النحو التالي: انقر أدناه الأزرار لتحديد أو إلغاء تحديد جميع الخيارات من مربع تحديد. <br>
<حدد ID = "lsbox" name = "lsbox" size = "10" multives = "">
<Option Value = "1"> India </Option>
<Option Value = "2"> United States </soph>
<value Option = "3"> China </soph>
<Option Value = "4"> italy </soph>
<Option Value = "5"> Germany </Option>
<Option Value = "6"> Canada </Option>
<Option Value = "7"> France </Option>
<Option Value = "8"> المملكة المتحدة </option>
</select> <br>
<button onClick = "ListBoxMove ('lsbox' ، 'up') ؛"> تحرك لأعلى </button>
<button onClick = "ListBoxMove ('lsbox' ، 'down') ؛"> تحرك لأسفل </button>
<script>
دالة listboxmove (listid ، الاتجاه) {
var listbox = document.getElementById (listId) ؛
var selindex = listbox.selectedIndex ؛
if (-1 == selindex) {
تنبيه ("الرجاء تحديد خيار للتحرك.") ؛
يعود؛
}
VAR ZENMENT = -1 ؛
إذا (الاتجاه == 'UP')
زيادة = -1 ؛
آخر
الزيادة = 1 ؛
if ((selindex + styrement) <0 ||
(selindex + styrement)> (listbox.options.length-1)) {
يعود؛
}
var selvalue = listbox.options [selindex] .value ؛
var seltext = listbox.options [selindex] .text ؛
listbox.options [selindex] .value = listbox.options [selindex + styrement] .value
listbox.options [selindex] .text = listbox.options
listbox.options [selindex + styrement] .value = selvalue ؛
listbox.options [selindex + styrement] .text = seltext ؛
listbox.selectedIndex = selindex + styrement ؛
}
</script>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.