title: DevExpress Get selected value of ASPxComboBox in ClientSide
body: <p>I have a ASPxGridview that contains a field with ASPxComboBox I want to get the selected value of a ASPxComboBox and display it in a label. In my code below I just store the value on alert() message. But all I'm getting is a "null" value.Can anyone know how to solve my problem? Thank you so much.</p>
  
  <p><strong>Here's what I have so far</strong></p>
  
  <pre><code>&lt;dx:ASPxGridView ID="ASPxGridView2" OnRowDataBound="ASPxGridView2_RowDataBound" ClientInstanceName="grid" runat="server" AutoGenerateColumns="False" DataSourceID="fordtl" KeyFieldName = "chndtl_no"&gt;
  
  &lt;dx:GridViewDataTextColumn FieldName="product" Name="dd_product" ShowInCustomizationForm="true" VisibleIndex="7"&gt;
  &lt;SettingsHeaderFilter&gt;
  &lt;DateRangePickerSettings EditFormatString="" /&gt;
  &lt;/SettingsHeaderFilter&gt;
  &lt;EditItemTemplate&gt;
  &lt;dx:ASPxComboBox ID="ASPxComboBoxProduct" runat="server" ClientInstanceName="avery" AutoPostBack="true" DataSourceID="Product" EnableCallbackMode="true" TextField="pd_product"&gt;
  &lt;ClientSideEvents SelectedIndexChanged="function(s, e) { OnProductChanged(s);}"&gt;&lt;/ClientSideEvents&gt;
  &lt;/dx:ASPxComboBox&gt;
  &lt;/EditItemTemplate&gt;
  &lt;/dx:GridViewDataTextColumn&gt;
  
  &lt;/dx:ASPxGridView&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>function OnProductChanged(s, e) {
     var getProduct = document.getElementById("ASPxComboBoxProduct");
     alert(getProduct);
  }
  </code></pre>