Есть форма для поиска нужного перевода, но не могу справится с ссылками, как сделать, чтобы все ссылки были по принципу /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);
});
};
