правильный ссылки при выборе в select
 

Есть форма для поиска нужного перевода, но не могу справится с ссылками, как сделать, чтобы все ссылки были по принципу /perevod-s-usa-na-fr
Что неправильно сделал?

<form role="form" id="form" action="/yazuki-perevoda/" data-def="/yazuki-perevoda/">
  <select name="s">
      <option value="usa">Американского</option>
      <option value="by">Белорусского</option>
  </select>
  <select name="na">
      <option value="fr">Французский</option>
      <option value="eng">Английский</option>
  </select>

  <button type="submit">Подобрать</button>
</form>

window.onload = function () {
  var form = $('#form'), def = form.data('def'), data = {}, action;
  
  $(document).on('change', '#form select', function () {
  	var el = $(this), val = el.val(), name = el.attr('name');
    if (val) {
    	data[name] = val;
    } else {
      delete data[name];
    }
    action = def + "perevod" + "-";
    for(var i in data) {
      action += i + "-" + data[i];
    }
    action = action.substr(0, action.length - 1);
    form.attr('action', action);
  });
};

jeniaau,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.