Выбор нужного option value в selectах при нажатии на ссылку

by Alexander Lashchevsky

HTML

<div data-sel='[".select_first", ".select_second"]'>
  <a href="#" data-val='["val-1-1","val-2-1"]'>Первый</a>
  <a href="#" data-val='["val-1-2","val-2-2"]'>Второй</a>
  <a href="#" data-val='["val-1-3","val-2-3"]'>Третий</a>
  <a href="#" data-val='["val-1-4","val-2-4"]'>Четвертый</a>
</div>
<select class="select_first">
    <option value="val-1-1">Первый в первом</option>
    <option value="val-1-2">Второй в первом</option>
    <option value="val-1-3">Третий в первом</option>
    <option value="val-1-4">Четвёртый в первом</option>
</select>
<select class="select_second">
    <option value="val-2-1">Первый во втором</option>
    <option value="val-2-2">Второй во втором</option>
    <option value="val-2-3">Третий во втором</option>
    <option value="val-2-4">Четвёртый во втором</option>
</select>

JavaScript

$('a').on('click',function(){
  var sel = $(this).parent('div').data('sel'),
      val = $(this).data('val');
  for (i=0; i<=sel.length; i++) {
    $(sel[i]).val(val[i]);
  }
});