标题：用于将一个列表框中的项目添加到另一个列表中JavaScript

作者：Vivek Kapile

电子邮件：已抓取

语言：JavaScript

平台：ASP.net中的Javascript

技术：用于ASP.net

级别：初学者

介绍

此代码将为想要学习的初学者提供帮助，如何使用上下功能将项目从一个列表框移动到另一个列表框。

关于这个主题，我介绍了如何通过javascript在一个列表框中的上下移动项目，从而将一个列表框中的项目添加到另一个列表框中，希望这对初学者有所帮助。

<script language="javascript" type="text/javascript"> 
//Creating a global variable 
    var availableList;
    var selectedList;
//function that used to ADD a items from one list box to another listbox 
    function AddListItem() {
        availableList = document.getElementById("lstAvailable");
        selectedList = document.getElementById("lstSelected");
        if (availableList.selectedIndex < 0) {
            return;
        }
        else {
            selectedList.appendChild(availableList.options.item(availableList.selectedIndex));
            selectNone(selectedList, availableList);
        }
    } 
//function that used to REMOVE a items from one list box to another listbox
    function RemoveListItem() {
        if (selectedList.selectedIndex < 0) {
            return;
        }
        else {
            availableList.appendChild(selectedList.options.item(selectedList.selectedIndex));
            selectNone(selectedList, availableList);
        }
    }
//function that used to Move Up the items from listbox
    function MoveUpItems() {
        availableList = document.getElementById("lstAvailable");
        var slectedItemIndex = availableList.selectedIndex;
        var selectedItemText = availableList[slectedItemIndex].text;
        var selectedItemValue = availableList[slectedItemIndex].value;
        var selectedItemTextToMove = availableList[slectedItemIndex - 1].text;
        var selectedItemValueToMove = availableList[slectedItemIndex - 1].value;
        availableList[slectedItemIndex].text = selectedItemTextToMove;
        availableList[slectedItemIndex].value = selectedItemValueToMove;
        availableList[slectedItemIndex - 1].text = selectedItemText;
        availableList[slectedItemIndex - 1].value = selectedItemValue;
        availableList = slectedItemIndex - 1;
    }
//function that used to down the items from listbox
    function MoveDownItems() {
        availableList = document.getElementById("lstAvailable");
        var selectedItemIndex = availableList.selectedIndex;
        var selectedItemText = availableList[selectedItemIndex].text;
        var selectedItemValue = availableList[selectedItemIndex].value;
        var moveText = availableList[selectedItemIndex + 1].text;
        var moveValue = availableList[selectedItemIndex + 1].value;
        availableList[selectedItemIndex + 1].text = selectedItemText;
        availableList[selectedItemIndex + 1].value = selectedItemValue;
        availableList[selectedItemIndex].text = moveText;
        availableList[selectedItemIndex].value = moveValue;
        availableList = selectedItemIndex + 1;
    }
//Function is used to remove a selection
    function selectNone(list1, list2) {
        list1.selectedIndex = -1;
        list2.selectedIndex = -1;
        addIndex = -1;
        selIndex = -1;
    }
 </script>

总结

使用Java有很多主题需要学习。 我已经介绍了一小部分希望这对所有初学者都有帮助。 请提供您的反馈和建议。

历史

*写于2011年3月16日，星期三

参考文献

执照

字节数

关于作者

Vivek卡皮勒

开发者

印度，班加罗尔

From: https://bytes.com/topic/javascript/insights/910178-javascript-adding-removing-items-listbox

通过菜单Window > Preferences，然后选择Java > Installed JREs，可以打开供在Eclipse 编写程序所使用的JRE 列表。复选框选中的JRE 是默认的JRE，它被项目里面所有的项目来作为编译和启动的JRE（除非在项目的Build Path 中指定了其它的JRE）。可以通过Add…按钮来添加新的JRE 定义（在弹出的对话框中选择Browse…按钮然后选中JDK 的安装目录，之后点击OK 即可），Edit…按钮可以修改JRE 定义，Remove 按钮可以删除JRE 定义，选中不同的JRE 前面的复选框来把它作为默认JRE。虽然MyEclipse能够自动找到并显示一个JRE，但是强烈建议大家添加一个JDK 来进行开发，便于查看JDK类源码和编码时能够显示提示信息。如下图所示：

如果发现项目中没有显示使用了那个版本的jre，设置的方式如下：
右击项目选择：Build path --- >Config  Build path --- Libraries --- >选中未被bound的jre,点击右边的Edit,对项目使用jre版本进行编辑
使用：对jre版本进行配置：
最终确定
 

	

VB学习有难题，就找跟我学VB！
学习VB编程，提高工作效率和自身能力。
VB列表框综合应用讲解
列表框在我们的电脑系统中可以说无处不在比如下面的专业开发工具。
应用基本的操作是：
当用户点击添加按钮，则可以将左侧栏目中的项目添加到右侧的列表中，同时在右侧的列表中选择某一个项目删除后，则这个项目回归到左侧的列表框；
点击全部添加按钮，则左侧项目全部添加到右侧，左侧一个也不留；同时点击全部删除按钮后，右侧的项目全部删除，回归到左侧的列表中。
思考：如何在VB中实现这一功能？
1、我们首先新建一个窗体，在上面添加上面相应的控件，修改相应的属性，窗体载入时，用列表框的additem方法先添加几个项目到列表框中。
2、当我们点击“remove”按钮时，右侧列表框中选择的“MySQL”项目，从list2中删除，添加到list1中；
此事件代码如下：
List1.AddItem List2.Text
List2.RemoveItem List2.ListIndex
3、当我们点击“add all”按钮时，左侧列表框中所有的项目，从list1中删除，全部添加到list2中；
此事件代码如下：
For i = 0 To List1.ListCount - 1
List2.AddItem List1.List(i)
Next
List1.Clear
4、当我们点击“remove  all”按钮时，右侧列表框中所有的项目，从list2中删除，全部添加到list1中；
此事件代码如下：
For i = 0 To List2.ListCount - 1
List1.AddItem List2.List(i)
Next
List2.Clear
VB学习有问题，就找跟我学VB！
大家在学习过程中有学习问题，可以长按识别添加老师微信号，学习问题耐心在线解答。
      祝大家学习进步！

Multiselect是一个采用jQuery实现的两边多选列表控件。可以将需要选定的项目从左边添加到右边的列表框中。或者将不需要的项目从右边列表框中删除。
Multiselect有以下功能特性：
可以将列表框左右两边的项进行移动(互换)。
可以通过双击事件移动列表框中的项。
可以设置已选项目的最大数。
可以自定义外观样式。
怎样使用？
1、准备jquery和jquery.multiselect2side插件以及CSS样式。
插件和样式文件在DEMO中已经包含，您可以下载整个DEMO就可以使用。
2、XHTML。
PHP
MYSQL
ASP.NET
XHTML
CSS
JQUERY
我假设列表框中已存在一些静态项，这些数据可以通过动态加载进来。如果默认已经有选择的项，则看将option的属性selected设置为"selected"。如：
PHP
3、应用multiselect插件。
$(function(){
$("#liOption").multiselect2side({
selectedPosition: 'right',
moveOptions: false,
labelsx: '待选区',
labeldx: '已选区'
});
});
multiselect提供了一些属性的设置，selectedPosition：选择项的位置，默认为right，即最终获取选择的值是右边的列 表框。moveOptions：移动选项，可以用来给选项排序，实际应用意义不大，这里设置为false。labelsx和labeldx是用来设置左右 两个列表框的标题，如果不需要可设置为空。maxSelected：最大选项数，即最多只能选择几项。更多信息请关注官网主页：http://www.senamion.com/blog/jmultiselect2side.html
在后面的文章中我会用一个专门的实例来讲解多选列表框的查询、加载、获取数据的方法，敬请关注。