добрый день,

я хочу сделать фильтр по атрибутам продуктов в категории товаров.

например, фильтр состоит из трех атрибутов: производители (id=10 в таблице атрибутов), размер (id=6 в таблице атрибутов), цвет (id=7 в таблице атрибутов).

форма запроса такая:

<form id="filter-form" name="filter-form" action="" enctype="multipart/form-data" method="post">
<input id="hidden_field" type="hidden" name="filter" value="" />
<div>Manufacturer's</div>
<li><input type="checkbox" name="manufacturer1" value="21" /></li><label for="manufacturer1">Otto</label>
<li><input type="checkbox" name="manufacturer2" value="45" /></li><label for="manufacturer2">Recto</label>
<li><input type="checkbox" name="manufacturer3" value="67" /></li><label for="manufacturer3">Super</label>

<div>Size's</div>
<li><input type="checkbox" name="size1" value="1" /></li><label for="size1">1</label>
<li><input type="checkbox" name="size2" value="2" /></li><label for="size2">2</label>
<li><input type="checkbox" name="size3" value="3" /></li><label for="size3">3</label>

<div>Color's</div>
<li><input type="checkbox" name="color1" value="11" /></li><label for="color1">red</label>
<li><input type="checkbox" name="color2" value="21" /></li><label for="color2">blue</label>
<li><input type="checkbox" name="color3" value="31" /></li><label for="color3">purple</label>

<button type="submit">Submit</button></ul>
</form>

Идея в том, чтобы собрать все значения checkboxe's в одном скрытом поле и использовать его в качестве запроса.

Я хочу получить запрос такого вида в seo url (с mod_review), например:

{base seo url}/filter=10:21,67;6:2;7:11,21,31/

Атрибуты каждой группы следуют за идентификатором заголовка группы после двоеточия, а выбранные значения атрибута в группе checkboxe's разделены запятой; отдельные группы разделены точкой запятой.

Пробую так:

<script type="text/javascript">
  $(function() {
       $('input[type=checkbox]').change(function() {
          var vals = $('input[type=checkbox]:checked').map(function() {
              return $(this).val();
          }).get().join(',');

          $('#hidden_field').val('filter=10:'+vals+'/');
          location.href = this.href + '/'+$('#hidden_field').val();
       });
  });
</script>

Вопрос: как модифицировать код javascript, чтобы получить по всем трем группам атрибутов запрос вида: {base seo url}/filter=10:21,67;6:2;7:11,21,31/ ?

спасибо за помощь