dropdown value changed by javascript is not coming in codebehind
<p>I have a dropdown list whose value is changed based on other controls in the UI using javascript.</p>

<p>I used the following code to change the dropdown list,
<code>document.getElementById("ddlchkStsID").options[2].selected = true;
 document.getElementById("ddlchkStsID").value = "3";</code></p>

<p>But in the code-behind, the <code>ddlchkStsID.SelectedValue</code> is still coming as first option's value.</p>

<p>This the control in aspx page.</p>

<pre><code>&lt;asp:DropDownList ID="ddlchkStsID"  runat="server" TabIndex="10"  CssClass="meta"&gt;
 &lt;asp:ListItem Text="TBD" Value="1" /&gt;
 &lt;asp:ListItem Text="Yes" Value="2" /&gt;
 &lt;asp:ListItem Text="No" Value="3" /&gt;
&lt;/asp:DropDownList&gt;
</code></pre>

<p>Could someone help me how to get the changed value in the code-behind.</p>

<p>thanks in advance :)</p>
