<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
<?
function get_selected($field, $value)
{
    return ($field==$value) ? ' selected="selected"' : '';
}

$market_arr = array(
        '01',
        '02',
        '03'
    );
    $market2_arr = array(
    '02' =>    array(
                            '02_1',
                            '02_2'
                            )
    );
?>
<!-- <FORM name='areaForm'> -->
<select name="wr_14"  id="wr_14">
        <option value="">선택</option>
        <?foreach($market_arr AS $mVal){?>
            <option value="<?=$mVal?>"<?php echo get_selected($wr_14, $mVal); ?>><?=$mVal?></option>
        <?}?>
    </select>

    <?if(!sizeof($market2_arr[$wr_14])) $wr_41_hidden = "display: none;";?>
    <select name="wr_41" id="wr_41" style="<?=$wr_41_hidden?>">
        <option value="">선택</option>
        <?foreach($market2_arr[$wr_14] AS $mk2Val){?>
            <option value="<?=$mk2Val?>"<?php echo get_selected($wr_41, $mk2Val); ?>><?=$mk2Val?></option>
        <?}?>
    </select>
<script>
$(document).ready(function(){
    $('#wr_14').change(function(){
        var val_14 = $(this).val(),
            arr_41 = JSON.parse('<?=json_encode($market2_arr)?>'),
            opt_41 = '';
        if(val_14 in arr_41){
            $('#wr_41').empty();
            len_41 = arr_41[val_14].length;
            opt_41 = "<option value=''>선택</option>";
            for(var i=0; i<len_41; i++){
                opt_41 += "<option value='"+arr_41[val_14][i]+"'>"+arr_41[val_14][i]+"</option>";
            }
            
            $('#wr_41').append(opt_41);
            $('#wr_41').show();
        }else{
            $('#wr_41').val('');
            $('#wr_41').hide();
        }
    });

});
</script>