如何使用ui-selectable传递准确的多项选择数据

丹库鲁

我使用的是jquery-ui selectable,我选择了多个div,例如:选择之后,div 1-3和div 5-6将div的信息传递给数组,然后传递给字符串(strToSend)。问题是:当我选择divs 1-3和divs 5-6时,我会收到以下信息:divs 1-3:100,200,300。对于div的5-6:100,200,300,400,500,600。->我真正需要的是:500,600。起初我以为我需要在每个循环中清除数组,所以我尝试了_info1.length = 0; _info1 = [];--无变化。我希望我的问题很清楚,请提出主意该怎么办?..

// HTML

<div class="ui-selectable" id="day" style="width: 100px; float: left;">
 Sunday
   <div class="ui-selectee" id="1" >100 </div>
   <div class="ui-selectee" id="2" > 200 </div>
   <div class="ui-selectee" id="3" > 300 </div>
   <div class="ui-selectee" id="4" > 400 </div>
   <div class="ui-selectee" id="5"> 500 </div>    
<div class="ui-selectee" id="6"> 600 </div>    
<div class="ui-selectee" id="7"> 700 </div>    
</div>

// jQuery

 $(function () {    
        $("#day").bind("mousedown", function (event) {
            return event.metaKey = true;
        }).selectable({
            stop: function () {              
                _info1.push(0);              
                $(".ui-selected", this).each(function () {                  
                    var id = this.id;
                    _info1.push(id);
                });                 
                strToSend += _info1[0] + "_" + _info1[1] + "-" + _info1[_info1.length - 1] + "*";                                                          

            }
        });});
戴夫·布莱恩德(Dave Briand)

这是一个小提琴:http : //jsfiddle.net/tS2cV/

不确定要在何处声明_info1,但似乎只希望它保留所选的div。您的每个函数(如下)将遍历并捕获所有已选择的div,因此您不必事先手动将任何内容推入其中。

我所做的只是在stop函数内部声明了_info -我确定您正在处理要发送的字符串,因此为简单起见我将其删除:

$(function () {    
    $("#day").bind("mousedown", function (event) {
        return event.metaKey = true;
    }).selectable({
        stop: function () {
            var _info1 = [];
            $(".ui-selected", this).each(function () {                  
                var id = this.id;
                _info1.push(id);
            });                                                                       
alert(_info1);
        }
    });});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何提前在Angular UI中正确使用选择与Firebase数据

来自分类Dev

使用jQuery UI Selectable插件时如何允许复制文本?

来自分类Dev

如何实现多项选择?

来自分类Dev

如何使用JavaScript设置多项选择的值

来自分类Dev

Laravel刀片多项选择。如何在数据透视表中选择记录?

来自分类Dev

Laravel刀片多项选择。如何在数据透视表中选择记录?

来自分类Dev

如何从Access数据库中随机选择多项选择题

来自分类Dev

如何在Material UI选择菜单中使用SubHeader

来自分类Dev

如何使用 Material UI 制作头像选择器

来自分类Dev

如何使用角度ui模态将数据传递到控制器?

来自分类Dev

如何使用python从json获取准确数据

来自分类Dev

如何使用Angular UI Router解析所有状态的数据?

来自分类Dev

如何使用JSON数据创建简单的UI树结构

来自分类Dev

使用ui-router解析时,如何访问解析的数据?

来自分类Dev

如何使用异步方法加载Db数据并保持UI响应

来自分类Dev

如何使AngularJs UI boostrap分页与数据一起使用

来自分类Dev

如何使用异步方法加载Db数据并保持UI响应

来自分类Dev

如何使用JSON数据创建简单的UI树结构

来自分类Dev

如何使用sap.ui.model.Filter过滤DateTime数据?

来自分类Dev

如何使用 Android 中的 Asynctask 类更改 UI 数据?

来自分类Dev

Gatsbyjs - 如何使用 Material UI Lib 提取 GraphQL 数据

来自分类Dev

如何使用从服务器接收的 JSON 数据更新 UI?

来自分类Dev

如何使用 JSON 数据创建所需的 UI

来自分类Dev

我如何将新数据传递到已保存的多项式分类器?

来自分类Dev

如何克服多项选择问题

来自分类Dev

如何禁用qgraphicsitem的多项选择?

来自分类Dev

如何禁用qgraphicsitem的多项选择?

来自分类Dev

使用 Python 的多项选择测验

来自分类Dev

如何将我的 ui 表单连接到 mysql 并使用 ui 表单插入数据?

Related 相关文章

  1. 1

    如何提前在Angular UI中正确使用选择与Firebase数据

  2. 2

    使用jQuery UI Selectable插件时如何允许复制文本?

  3. 3

    如何实现多项选择?

  4. 4

    如何使用JavaScript设置多项选择的值

  5. 5

    Laravel刀片多项选择。如何在数据透视表中选择记录?

  6. 6

    Laravel刀片多项选择。如何在数据透视表中选择记录?

  7. 7

    如何从Access数据库中随机选择多项选择题

  8. 8

    如何在Material UI选择菜单中使用SubHeader

  9. 9

    如何使用 Material UI 制作头像选择器

  10. 10

    如何使用角度ui模态将数据传递到控制器?

  11. 11

    如何使用python从json获取准确数据

  12. 12

    如何使用Angular UI Router解析所有状态的数据?

  13. 13

    如何使用JSON数据创建简单的UI树结构

  14. 14

    使用ui-router解析时,如何访问解析的数据?

  15. 15

    如何使用异步方法加载Db数据并保持UI响应

  16. 16

    如何使AngularJs UI boostrap分页与数据一起使用

  17. 17

    如何使用异步方法加载Db数据并保持UI响应

  18. 18

    如何使用JSON数据创建简单的UI树结构

  19. 19

    如何使用sap.ui.model.Filter过滤DateTime数据?

  20. 20

    如何使用 Android 中的 Asynctask 类更改 UI 数据?

  21. 21

    Gatsbyjs - 如何使用 Material UI Lib 提取 GraphQL 数据

  22. 22

    如何使用从服务器接收的 JSON 数据更新 UI?

  23. 23

    如何使用 JSON 数据创建所需的 UI

  24. 24

    我如何将新数据传递到已保存的多项式分类器?

  25. 25

    如何克服多项选择问题

  26. 26

    如何禁用qgraphicsitem的多项选择?

  27. 27

    如何禁用qgraphicsitem的多项选择?

  28. 28

    使用 Python 的多项选择测验

  29. 29

    如何将我的 ui 表单连接到 mysql 并使用 ui 表单插入数据?

热门标签

归档