simple, but drives me crazy

[DJWiktor]

Hi,

I have two dropdown lists dynamically populated from db.

<form name="form" id="form" method="post" action="javascript:ReloadPage();">
<select name="branza" id="branza">
<option value="value1">name1</option>
<option value="value2">name2</option>
<option value="value3">name3</option>
<option value="value4">name4</option>
...
</select>

<select id="woj" name="woj">
<option value="value1">name1</option>
<option value="value2">name2</option>
<option value="value3">name3</option>
<option value="value4">name4</option>
...
</select>
<input type="submit" name="Submit" value=">">
</form>

Then i use the ReloadPage() function to replace the current url with a new one and refresh the page contents:

<script language="JavaScript">
<!---
function ReloadPage(){
location.replace("http://www.mypage.com/index.php?branza="+document.getElementById['branza'].value+"&woj="+document.getElementById['woj'].value);
}
//--->
</script>

To my surprise I get js error:
document.getElementById.branza has no properties

Should be simple to do, but can't cope with it.
Can anyone show me where the mistake is?

Witold

[dumpfi]

getElementById is a function. You have to use parantheses, e.g:
document.getElementById('branza').value

dumpfi

[DJWiktor]

i knew it was something minor. thanks.

[glenngv]

Why don't you submit the page normally?
<form name="form" id="form" method="get" action="index.php">
<select name="branza" id="branza">
<option value="value1">name1</option>
<option value="value2">name2</option>
<option value="value3">name3</option>
<option value="value4">name4</option>
...
</select>

<select id="woj" name="woj">
<option value="value1">name1</option>
<option value="value2">name2</option>
<option value="value3">name3</option>
<option value="value4">name4</option>
...
</select>
<input type="submit" name="Submit" value=">" />
</form>

Is it because you don't want to add the page to history every time the submit button is clicked?