如何从列表中移动内容
How to move content from lists
Iv'e已经为此工作了一段时间,需要帮助。目前我有 2 个包含内容的列表。我希望能够从一个列表中选择内容并将其移动到第二个列表中。为此,我希望能够选择一个或多个内容,然后单击移动内容的按钮。我无法让实际的移动功能工作。我拥有的代码来自我在互联网上找到的"http://www.virtuosoft.eu/code/bootstrap-duallistbox/"示例,是第二个示例。
这是我的 2 个列表和按钮代码:
<div class="btn-group buttons">
<button title="Move selected" type="button" class="btn move btn-default" "demo2"></button>
</div>
<select style="height: 197px;" name="duallistbox_demo2_helper1" class="form-control" id="bootstrap-duallistbox-nonselected-list_duallistbox_demo2" multiple="multiple">
<option value="option7">Option 7</option>
<option value="option8">Option 8</option>
<option value="option9">Option 9</option>
<option value="option0">Option 10</option>
<option value="option0">Option 11</option>
<option value="option0">Option 12</option>
</select>
<div class="btn-group buttons">
<button title="Remove selected" type="button" class="btn remove btn-default"></button>
</div>
<select style="height: 197px;" name="duallistbox_demo2_helper2" class="form-control" id="bootstrap-duallistbox-selected-list_duallistbox_demo2" multiple="multiple">
<option value="option2">Option 2</option>
<option value="option3" selected="selected">Option 3</option>
<option value="option4">Option 4</option></select>
这是我的JSs:
// move list content
var demo2 = $('.demo2').bootstrapDualListbox({
nonSelectedListLabel: 'Non-selected',
selectedListLabel: 'Selected',
preserveSelectionOnMove: 'moved',
moveOnSelect: false,
nonSelectedFilter: 'ion ([7-9]|[1][0-2])'
});
以下 js 应该适用于您的第一个选择框。 请确保选择正确的元素。
var demo2 = $('#bootstrap-duallistbox-nonselected-list_duallistbox_demo2').bootstrapDualListbox({
nonSelectedListLabel: 'Non-selected',
selectedListLabel: 'Selected',
preserveSelectionOnMove: 'moved',
moveOnSelect: false,
nonSelectedFilter: 'ion ([7-9]|[1][0-2])'
});
相关文章:
- 无法在jquery中向上或向下移动列表中的多个项目
- jQuery移动列表视图和面板
- 剑道移动列表视图更改过滤器onclick
- Jquery移动列表视图图标未正确显示
- jQuery移动列表过滤:如何更改清除按钮文本
- 使用jQuery在悬停时向右移动列表项
- 使用 jquery 向上移动列表项
- 根据标签对 dojox 移动列表项进行排序
- JQuery 移动列表视图滑动菜单
- 剑道UI移动列表视图无尽滚动仅显示一个项目
- 如何从 pouchdb 数据填充 jquery 移动列表视图
- jQuery 移动列表分隔符使用错误的色板
- 剑道移动列表视图不分页
- 如何使拖放列表复制而不是移动列表项
- 滚动无法处理动态添加到jQuery移动列表的项目
- 剑道移动列表视图-can'无法将其填充到远程源中
- jquery移动列表视图和可折叠集在返回时打开
- JQuery移动列表视图筛选器初始化
- 带有链接的jQuery移动列表格式
- JQuery移动列表前置