<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 = ""; }
?>

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

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