如何定义和列出所有可能的组合?

时间:2013-01-24 00:58:53

标签: javascript jquery html5

首先,非常抱歉,如果我没有正确地问这个问题,我尝试过搜索,但我找不到任何适用于我正在尝试做的事情。

我有3个下拉菜单,我只想输出每个可能组合的列表。

下拉1:

下拉2:

  • 项目1
  • 项目2

下拉3:

  • 初级
  • 中间体
  • 高级

我只是试图能够定义变量并为它们输出所有组合。如果是一个可以轻松做到这一点的网站,那将是有帮助的

1 个答案:

答案 0 :(得分:1)

使用jQuery each嵌套循环的示例:

var listHtml=[];

$('#select1 option').each(function(){
    var mainOpt=$(this).val();    
    $('#select2 option').each(function(){
        var secondOpt=$(this).val();
         $('#select3 option').each(function(){
           listHtml.push(mainOpt +' '+ secondOpt+' ' +$(this).val());              
        });    
    });    
});

$('#list').append('<li>'+  listHtml.join('</li><li>')+'</li>');

DEMO http://jsfiddle.net/Xtd3Y/