Как выбрать связанное значение с помощью поля выбора в jquery?

Question

У меня есть разные поля выбора.Я хочу выбрать второй с соответствующим идентификатором.Например, если я выбираю Нью-Йорк, я хочу, чтобы регион, который принадлежит соответствующему городу (Нью-Йорк), выбирался автоматически, также, если я выбираю регион, я хочу, чтобы проект, который принадлежит соответствующему региону, выбирался автоматически.Как я могу сделать это с помощью jquery.Заранее спасибо.

<select name='city'>
<option value='1'>New YOrk</option>
<option value='2'>Los angeles</option>
<option value='3'>San-Fransisco</option>
</select>


<select name='region'>
<option value='1' city_id='1'>Region1</option>
<option value='2' city_id='2'>Region2</option>
<option value='3' city_id='3'>Region3</option>
</select>

<select name='project'>
<option value='1' region_id='1'>Project1</option>
<option value='2' region_id='2'>Project2</option>
<option value='3' region_id='3'>Project3</option>
</select>

Answer 1

jsFiddle demo

$('select[name=city], select[name=region]').on('change', function(){
    $('select[name=region], select[name=project]').val( $(this).val() );
});