javascript 관련 문의 (셀렉트박스 & 아이프레임)

<tr>
<td class="blog_index">SERIES</td>
<td class="blog_link">
<select id="selSite" onchange="changeSite();">
<option value="#" selected>------------ 연계상품 보러가기 ------------</option>
<?
$tmp_option = explode("[RECORD]",$goods[g_option]);
for($i=1;$i<=count($tmp_option);$i++)
{
$tmpOptVal = explode("[FIELD]",$tmp_option[($i-1)]);
?>
<option value="<?=$tmpOptVal[0]?> : <?=($tmpOptVal[1])?>"><?=$tmpOptVal[0]?> : <?=($tmpOptVal[1])?></option>
<?}?>
</select>
</td>
</tr>
<tr><td colspan="2" height="1" bgcolor="#D7D7D7"></td></tr>
<tr>
<td colspan="2" height="100">
<iframe id="ifrmView" height="350"></iframe>
</td>
</tr>
<script>
function changeSite() {
var idx = document.getElementbyld("selSite").selectedIndex;
var url = document.getElementbyld("selSite").options[idx].value;
//alert(idx)
//alert(url)
document.getElementbyld("ifrmView").src=url;
}
</script>
******************************************************************************
위처럼 셀렉트박스에 g_option 의 내용을 나열하고 선택시 그 내용을 하단 아이프레임에
표시되게 하고싶은데 오류가 납니다.
고수분들의 지도 부탁드립니다.