title: Htmlselect selected index changed event
body: <p>I have 2 HtmlSelect controls and i need to load second one according to first HtmlSelect's selected index. But it doesn't work, because HtmlSelect doesnt have selectedindexchanged event. What do i need to do? Any idea?</p>
  
  <p>Example;</p>
  
  <pre><code>&lt;!--These are my Html Select controls--&gt;
  
   select runat="server" id="drpCity"&gt;&lt;/select&gt; 
   &lt;select runat="server" id="drpState"&gt;/select&gt;
  
  
  
    protected void Page_Load(object sender, EventArgs e)
    {
       FillCities(drpCity);
       FillStates(drpState, drpCity.SelectedValue);
    }
  
    public void FillCitiesHtmlSelect(HtmlSelect drpCity)
          {
             BusCity busCity = new BusCity();
             List&lt;EntCity&gt; lentCity = busCity.SearchAll();
             drpCity.DataValueField = EntCity.Columns.CITYCODE;
             drpCity.DataTextField = EntCity.Columns.CITYNAME;
             drpCity.DataSource = lentCity;
             drpCity.DataBind();
  
              drpCity.Items.Insert(0, new ListItem("City", string.Empty));
          }
  
  public void FillStatesHtmlSelect(HtmlSelect drpState, string cityCode)
  {
      if (!string.IsNullOrEmpty(cityCode))
         {
            BusState busState = new BusState();
            List&lt;EntState&gt; lentEmsState = busState.Search(cityCode);
            drpState.DataValueField = EntState.Columns.STATECODE;
            drpState.DataTextField = EntState.Columns.STATENAME;
            drpState.DataSource = lentState;
            drpState.DataBind();
          }
          else
          {
            drpState.Items.Clear();
          }
             drpState.Items.Insert(0, "State", string.Empty));
     }
  </code></pre>