<script language="javascript">
<!--//-- 스킨용 : 여유필드 다중셀렉트창

    //-- 여유필드 중복셀렉트가 가능하게 해주는 함수
    //-- 수정작업시, 아래 함수와 함께 write.skin.php에 사용된 '여유필드(wr_?)이름과 셀렉트문'을 가져와 붙이면 바로적용가능
    //-- 단, 반드시 게시물리스트(list.skin.php)에 여유필드값이 게시물에 주어져야함.
    //-- 중복필드가 필요없는 경우 'document.fsearch_area.srch_type.value'삭제, 셀렉트문삭제, value값에서 필드명삭제

function onChangeKey() {
    var srch_type = document.fsearch_area.srch_type.value;
    var srch_type2 = document.fsearch_area.srch_type2.value;


    if (srch_type == "" && srch_type2 == "" ) {
        alert("유형을 선택하세요!!");
        return false;
    } else {
        if (srch_type2 == "전체")  {
            document.fsearch_area.stx.value = srch_type;
        } else {
            document.fsearch_area.stx.value = srch_type + " " + srch_type2;
        }
        document.fsearch_area.submit();
    }
}

//--> 
</script>

<table cellpadding=0 cellspacing=0 border=0>
<form name=fsearch_area method=get>
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca value="<?=$sca?>">
<tr>
    <td>+ 유형별 :
        <input type=hidden name=sfl value="concat(wr_8)"> 

            <select name=srch_type>
              <option selected value=''>지역</option>
              <option value='서울'>서울</option>
                <option value='부산'>부산</option>
             
            </select>

            <select name=srch_type2>
              <option selected>모집분야</option>
              <option value='사회복지사'>사회복지사</option>
             
              <option value='일반직원'>일반직원</option>
            </select>

       
            <input type=image src="<?=$board_skin_path?>/img/search_btn.gif" border=0 align=absmiddle onClick="onChangeKey();return false;" >
        <input type=hidden name=sop value='and'>
        <input type=hidden name=stx value=''>
    </td>
</tr>
</form>
</table>

<?
 if ($srch_type != "") { $stx = ""; }
?>

이런식으로 위에 형식은 짜여져 있어 검색이 되고 있습니다

그런데 저는 아래와 같은형식으로 바꿀려고 하는데