使用javascript构建的CSS仅在第一次调用时运行

时间:2014-11-08 23:40:45

标签: javascript css

所以我正在尝试创建一个多次点击功能,而不需要按住控制,就像选择多个期望你一样,我有这个

$(function(){
    $('#select-toggle').each(function(){    
        var select = $(this), values = {};    
        $('option',select).each(function(i, option){
            values[option.value] = option.selected;        
        }).click(function(event){        
            values[this.value] = !values[this.value];
            $('option',select).each(function(i, option){            
                option.selected = values[option.value];        
            });    
        });
}); });

我有3个尝试使用此功能的列表,但只有显示的第一个可以使用它,其余的只是表现为好像它们是常规的“多选”。我如何让它们在所有这些上工作?

请忽略选项没有选项,或者没有关闭,选择工作,并且函数工作到一定程度,因此不需要额外的代码,这只是举例说明它是如何使用的。

<select multiple="multiple" id="select-toggle" class="roundedcorners" name="Consoles" size="1"
                    value="'; echo '"/>';
<select multiple="multiple" id="select-toggle" class="roundedcorners" name="Developers" size="1"
                    value="'; echo '"/>';
<select multiple="multiple" id="select-toggle" class="roundedcorners" name="Publishers" size="1"
                    value="'; echo '"/>';

这是我尝试使用javascript类的三个实例,因为它是唯一一个用于“控制台”的实例

0 个答案:

没有答案