Changing two select options value via javascript
<p>there are two option controls in a website:</p>

<pre><code>&lt;select class="operator" name="operator" id="operator"&gt;
    &lt;option value="0"&gt;Entekhab Operator&lt;/option&gt;
    &lt;option value="1"&gt;Irancell&lt;/option&gt;
    &lt;option value="2"&gt;Talia&lt;/option&gt;
    &lt;option value="3"&gt;HamraheAval&lt;/option&gt;
&lt;/select&gt;


&lt;select class="card" name="chargeCard" id="chargeCard"&gt;
   &lt;option value="0"&gt;Entekhab Sharj&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>When a user changes the first one by clicking on that (and selecting an option), the second one will also change...as you see in the above code, the second option has no value and will get some values after clicking on the first one</p>

<p>My problem is that I have to change them via javascipt in my android program</p>

<p>I tried with the following: </p>

<pre><code>document.getElementById("operator").value=2
</code></pre>

<p>and this way i changed the first one.</p>

<p>But the second one does not change and dose not get values! What should I do for the second option to change as well?</p>
