如何用jquery中的选择框选择相关值？

Question

我有不同的选择框。我想选择带有相关id的第二个。例如，如果我选择纽约，我想要自动选择属于适当城市（纽约）的区域，如果我选择区域我想要自动选择属于适当区域的项目。我怎么能用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() );
});