JavaScript and Form Select relationship
<p>I have a form with 2x Select.</p>

<p>'cenaod'</p>

<pre><code>&lt;select class="form" name="cenaod" id="cenaod"&gt; 
    &lt;option value="0"&gt;Dowolna&lt;/option&gt; 
    &lt;option value="1000"&gt;1000&lt;/option&gt; 
    &lt;option value="2000"&gt;2000&lt;/option&gt; 
    &lt;option value="3000"&gt;3000&lt;/option&gt; 
    &lt;option value="4000"&gt;4000&lt;/option&gt; 
    &lt;option value="5000"&gt;5000&lt;/option&gt; 
    &lt;option value="6000"&gt;6000&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>'cenado'</p>

<pre><code>    &lt;select class="form" name="cenado" id="cenado"&gt; 
    &lt;option value="0"&gt;Dowolna&lt;/option&gt; 
    &lt;option value="1000"&gt;1000&lt;/option&gt; 
    &lt;option value="2000"&gt;2000&lt;/option&gt; 
    &lt;option value="3000"&gt;3000&lt;/option&gt; 
    &lt;option value="4000"&gt;4000&lt;/option&gt; 
    &lt;option value="5000"&gt;5000&lt;/option&gt; 
    &lt;option value="6000"&gt;6000&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>and JS function</p>

<pre><code>    function formPola(jeden,dwa)
{
    document.getElementById(jeden).onchange = function(){
    var opt,pole,i;
    opt = document.getElementById(dwa).getElementsByTagName('option');
    for( i=0; pole = opt[i]; i++){
    pole.style.display="";
    if(i &lt; this.selectedIndex)
    pole.style.display="none";
    }
    }
}
formPola("cenaod","cenado");
</code></pre>

<p>When I choose in 'cenaod' ex. 4000, in 'cenado' i will be only options equal and larger: 4000, 5000 and 6000.</p>

<p>In Firefox working perfect, but in IE and Opera dont working.</p>
