Cascading Values

by chayacooper

HTML

<input type=radio name="Item" value="Dress" checked />Dress
<br/>
<input type=radio name="Item" value="Jacket" />Jacket
<br/>
<input type=radio name="Item" value="Coat" />Coat
<br/>
<input name="Item2" type="text" />Item2
<br/>
<input name="Fabric_Type" type="text" value=Cotton />Fabric_Type
<br/>
<input name="Fabric_Type2" type="text" />Fabric_Type2
<br/>
<select name="body_part" style="width: 9.8em">
    <option value="fitness level" selected="selected">Overall</option>
    <option value="thigh_muscle_tone">Thighs</option>
    <option value="bottom_muscle_tone">Butt</option>
    <option value="arm_tone">Upper Arm</option>
</select>
<input name="body_part2" type="text" />body_part2
<br/>

JavaScript

$(function () {
    $('input[name="Fabric_Type2"]').val($("input[name=Fabric_Type]").val());
    $('input[name="Item2"]').val($("input[name=Item]:checked").val());
    $('input[name="body_part2"]').val($("select[name=body_part]").val());
    $("[name=Fabric_Type]").change(function () {
        //$('[name=Fabric_Construction]').val('3');
        $('input[name="Fabric_Type2"]').val($("input[name=Fabric_Type]").val());
    });

    $("input[name=Item]").change(function () {
        $('input[name="Item2"]').val($("input[name=Item]:checked").val());
    });

    $("select[name=body_part]").change(function () {
        $('input[name="body_part2"]').val($("select[name=body_part]").val());
    });
});