как сделать связаный селект

[ufaclub]

есть два imput

<input type="text" name="rub" value="">
<input type="text" name="cat" value="">

мне нужно сделать связаны список select

c такой структурой

-Магазины
--женская одежда
--мужская одежда
--спортивная одежда
--....
-Развлечения (2 уровня нет)
-Услуги (2 уровня нет)
-Кафе и рестораны (2 уровня нет)

Мне нужно чтобы сначала был 1 селект в нем были категории первого уровня. И после выбора выбранное значение селект копировалось в

<input type="text" name="rub" value="">
<input type="text" name="cat" value="">

Например пользователь выбрал Магазины ----> потом появился новые селект и там выбрал он тип магазины. (Например женская одежда).

И вот значение value="" заполнились автоматически

и стали например

<input type="text" name="rub" value="shop">
<input type="text" name="cat" value="woman_shop">

Помогите сделать это максимально просто и кратко, желательно без сторонних плагинов. На чистом JQ

[biperch]

$('#select1').on('change', function(){
    if($(this).val()!=0){
        $('input[name=rub]').val($(this).val());
    }
})