jQuery select:使用$(.class)获取不同的var

jQuery select : get different var using $(.class)

本文关键字:获取 var class select 使用 jQuery      更新时间:2023-09-26

我正在使用ddslick库来生成我的选择。我使用选择作为通用筛选器。我还使用了很多$.dialog来获得应用程序的桌面方面。

所以我的想法是,我希望我的选择出现在每个对话框窗口上,使用这样的类:

$(".filters").ddslick(random instructions)

每个标有类"过滤器"的DIV都可以很好地接收和绘制ddslick,无论它是否同时是5个窗口。

它工作得很好,选择甚至是独立的,直到我同时打开两个对话框窗口!

然后,如果我在第一个窗口中选择了一些东西,它也在第二个窗口中也选择了相同的东西。这意味着变量不是相关的或唯一的,只有一个窗口!

这是一个大问题,因为它会导致大的错误。

我需要ddslick将所选变量只返回到一个窗口。

这是一张让你明白的图片:

http://hpics.li/807223b

这是我的代码:

    // download and populate ddslick values
    $.ajax({
        url: 'creerSelect.php',  
        type: 'GET',
        data: $.param({'table':'categcours'}),
        success: function (data) {
                data=eval(data);
                afficheSelect(data);
                }
    }); 
    function afficheSelect(data){ // make ddslick selects appear on each div labelled filters
        $(".filtres").ddslick({
            data: data,
            width: 150,
            imagePosition: "left",
            selectText: titre,  
            onSelected: function (data) {
                window.choix    = data.selectedIndex+1;// get the selected variable on the global scope : how to use it after and make it unique and closed to only one jquery dialog ?
                }
        }); 
    }

我尝试过this.choix,但它与对话框窗口无关。我想我应该为每个窗口创建一个对象?我真的不知道该怎么做。将一个由类使用jQuery生成的过滤器链接到一个唯一的对话框窗口真的很复杂!

我已经更改了代码,它运行良好,但做了同样的事情。我仍然不知道如何将一个通用选择与一个特定的div

我打开一个窗口,选择过滤器工作得很好,但如果我打开另一个窗口、选择另一个过滤器,并返回到第一个窗口,将第二个窗口的值代入第一个窗口中,则会导致错误。

我正在考虑为每个jquery窗口div对话框创建一个javascript对象

我的目标是,我不想为每个windowsdiv对话框重新编写通用的选择过滤器。

这真的很难。

$.ajax({
        url: 'creerSelect.php',  // populate the select filter
        type: 'GET',
        data: $.param({'table':'categcours'}), // select an sql table
        success: function (data) {
                data=eval(data);

                $(".filtres").each( function(){ 
                    $(this).ddslick({ // each div labelled with the .filtres class will show the generic select filters
                        data: data,
                        width: 150,
                        imagePosition: "left",
                        selectText: titre,  
                        onSelected: function (data) {
                            this.choix  = data.selectedIndex+1;// How to link the selected variable to a particular div-dialog-window ? It's really hard ! Reminds me of a "private" thing ? Maybe i have to use "return" something ?
                        }
                    }); 
                })
        }

});