// 관리자에서 1차 카타고리 등록 : 과일|도시
// 2차 분류는 여분필드 wr_1 사용

// /skin/board/basic/list.skin.php 하단 삽입
<script>
var cate = [];
var cate1 = '';
var m = /(stx=)(.+)/.exec(location.href);
var cate2 = m ? decodeURIComponent(m[2]) : ''; // 2차 분류값
var html = '';

cate['과일'] = ['사과', '복숭아', '포도'];
cate['도시'] = ['서울', '부산', '대구'];

$('#bo_cate_ul li').each( function(i) {
var val = $(this).text();
var k = i ? val : '';
var selected =  '';

if (val.indexOf('열린 분류 ') > -1) {
selected = 'selected';
val = val.replace(/열린 분류 /, '');
cate1 = val;
}
html += '<option value="' + k + '"' + selected + '>' + val + '</option>';
})

$('#bo_cate_ul').html('<select name="sca" id="sca">' + html + '</select');
$('#sca').after(' <span id="cate2"></span> <input type="button" id="cate_sh" value="검색" />');

// 1차분류 선택
if (location.href.indexOf('sfl=wr_1&stx=') > -1) {
    for (var i in cate) {
        if (cate[i].indexOf(cate2) > -1) {
            $('#sca').val(i);
            cate1 = i;
            break;
        }
    }
}

getCate(cate1, cate2);

// 2차 분류
function getCate(cate1, cate2 = '') {
    if (!cate1) return;
    var html = '<select name="wr_1" id="wr_1"><option value="">전체</option>';
    for (var j in cate[cate1])  {
        var val = cate[cate1][j], selected = val == cate2 ? 'selected' : '';
        html += '<option value="' + val + '"' +selected + '>' + val + '</option>';
    }
    $('#cate2').html(html + '</select>');
}

$('#sca').on('change', function() {
getCate(this.value);
});

$('#cate_sh').on('click', function() {
if ($('#wr_1').val())
location.href = location.href.replace(/&(sfl|stx|sca)=[^&]+/g, '') + '&sfl=wr_1&stx=' + $('#wr_1').val();
else
location.href = location.href.replace(/&(sfl|stx|sca)=[^&]+/g, '') + '&sca=' + $('#sca').val();
});
</script>



// /skin/board/basic/write.skin.php 하단 삽입
<script>
var cate = [], cate1 = '<?php echo $ca_name ?>', cate2 = '<?php echo $wr_1 ?>';

cate['과일'] = ['사과', '복숭아', '포도'];
cate['도시'] = ['서울', '부산', '대구'];
$('#ca_name').after(' <span id="cate2"></span>');
getCate(cate1, cate2);

// 2차 분류
function getCate(cate1, cate2 = '') {
    if (!cate1) return;
    var html = '<select name="wr_1" id="wr_1"><option value="">전체</option>';
    for (var j in cate[cate1])  {
        var val = cate[cate1][j], selected = val == cate2 ? 'selected' : '';
        html += '<option value="' + val + '"' +selected + '>' + val + '</option>';
    }
    $('#cate2').html(html + '</select>');
}

$('#ca_name').on('change', function() {
getCate(this.value);
});
</script>