首页 / JAVASCRIPT / JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧

JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3328字，纯文字阅读大概需要5分钟。

内容图文

本文实例讲述了JavaScript控制listbox列表框的项目上下移动的方法。分享给大家供大家参考。具体分析如下：

这段JS代码可以控制listbox内的元素向上或者向下移动，这个功能非常有用。下面是详细的代码

代码如下:
function listbox_move(listID, direction) {
var listbox = document.getElementById(listID);
var selIndex = listbox.selectedIndex;
if(-1 == selIndex) {
alert("Please select an option to move.");
return;
}
var increment = -1;
if(direction == 'up')
increment = -1;
else
increment = 1;
if((selIndex + increment) < 0 ||
(selIndex + increment) > (listbox.options.length-1)) {
return;
}
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;
listbox.options[selIndex].value = listbox.options[selIndex + increment].value
listbox.options[selIndex].text = listbox.options[selIndex + increment].text
listbox.options[selIndex + increment].value = selValue;
listbox.options[selIndex + increment].text = selText;
listbox.selectedIndex = selIndex + increment;
}
//..
//..
listbox_move('countryList', 'up'); //move up the selected option
listbox_move('countryList', 'down'); //move down the selected option

下面是详细的演示代码，可以在浏览器内使用
代码如下:
Click below buttons to select or deselect all options from select box.





内容总结

以上是互联网集市为您收集整理的JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧全部内容，希望文章能够帮你解决JavaScript控制listbox列表框的项目上下移动的方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/324519.html

来源：【匿名】