제 홈페이지에서 셀렉트 콤보박스 값을 선택했을 때 그 선택 값이 옆에 있는 input 박스 속으로 자동으로 들어가게 하는 프로그램을 만들어 봤습니다. (원래는 다른 페이지에서 잘 되고 있는 코드를 원용해서 해당 id값만 변형해서 코드를 붙인 것임)

그런데 이상하게도 이 페이지에서만 선택값이 넘어가질 낳네요. 코드 어디가 문제인지를 봐 주시기 바랍니다. 모두 3 x 7 의 21개 코드가 있지만 여기서는 편의상 맨 윗줄의 3개 코드만 예시해 놓고 나머지는 생략했습니다.

myprifile_form.skin.php에서

html부분은 여기 이고요.
<tr bgcolor="#ffffff">
<td width="20%" class=m_title bgcolor="#f5f5f5">주</td>
<td>
<select name='mb_a1' id='mb_a1' style="width:45%;" onchange="mb_a1_change();">
<option value='0' selected>선택하세요</option><br><?=get_item_list()?></select>
<input name='txt_mb_a1' id='txt_mb_a1' style="width:50%;" value="<?=get_major($mb_a1)?>">

</td>
<td>
<select name='mb_b1' id='mb_b1' style="width:45%;" onchange="mb_b1_change();">
<option value='0' selected>선택하세요</option><br><?=get_func_list()?></select>
<input name='txt_mb_b1' id='txt_mb_b1' style="width:46%;" value="<?=get_major($mb_b1)?>">
</td>
<td><select name='mb_c1' id='mb_c1' style="width:45%;" onchange="mb_c1_change();">
<option value='0' selected>선택하세요</option><br><?=get_bound_list()?>/select>
<input name='txt_mb_c1' id='txt_mb_c1' style="width:46%;" value="<?=get_major($mb_c1)?>">
</td>
</tr>


..... <이하 생약>.....



함수 부분은 여기에

<script type="text/javascript">

function mb_a1_change()
{
var el = document.getElementById('mb_a1');
document.getElementById('txt_mb_a1').value = el.options[el.selectedIndex].text;
}
function mb_b1_change()
{
var el = document.getElementById('mb_b1');
document.getElementById('txt_mb_b1').value = el.options[el.selectedIndex].text;
}
function mb_c1_change()
{
var el = document.getElementById('mb_c1');
document.getElementById('txt_mb_c1').value = el.options[el.selectedIndex].text;
}

//....<이하 생략>.....

</script>



똑같은 코드가 다른데서는 잘되는게 이곳에서만 안될 땐 정말 난감합니다.
어디서부터 손을 봐야할지 답답합니다. 고수분들좀 봐주세요.

***P.S.: 해당 험페이지에서 직접 확인 할 경우의 접속 id/pw: amuna/1234 입니다.