переменные в javascript form

Есть код:

HTML:

<script language="JavaScript" type="text/javascript">
function build() {
id=bld.options[bld.selectedIndex].value;
alert(id); }
</script>

<select name=bld ONCHANGE="build(); return false;">
<option value=1>1
<option value=2>2
</select>

Прекрасно работает, но если <select> поместить в <form>, то счастье резко кончается. Есть подозрение, что косяк кроется в

HTML:

bld.options[bld.selectedIndex].value;

Подскажите, как правильно взять значение?

 

document.getElementById будет лучше

если в форме, то тебе надо писать имяформы.имяелемента

 

Спасибо.

 

PHP:

<script language="JavaScript" type="text/javascript">
    function build() 
    { 
        option_id=document.getElementById("bld").options[bld.selectedIndex].value;
        alert(option_id); 
    } 
</script>

<form method=post action="">
    <select name=bld id=bld ONCHANGE="build(); return false;"> 
        <option value=1>1 
        <option value=2>2 
    </select>
</form>


 

Ппц, зачем юзать getElementById...если нужно всего-лишь передать объект с помощью this

PHP:

<script language="JavaScript" type="text/javascript">
function build(obj) {
    var id = obj.options[obj.selectedIndex].value;
    alert(id);
}
</script>

<form action="" method="post">
<select name="bid" onchange="build(this)">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
</form>




P.S. Тег <option> какбэ надо закрывать