Question

I have different select boxes. I want to select second one with related id. For example, If I select New york I want region which belongs to appropriate city (New York) to be selected automatically, also if I select region I want project which belongs to appropriate region to be selected automatically. How can I do that with jquery. Thank you in advance.

<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() );
});