【问题标题】:Htmlselect selected index changed eventHtmlselect 选定的索引更改事件
【发布时间】:2012-11-28 10:11:08
【问题描述】:

我有 2 个 HtmlSelect 控件,我需要根据第一个 HtmlSelect 的选定索引加载第二个控件。但它不起作用,因为 HtmlSelect 没有 selectedindexchanged 事件。我需要做什么?有什么想法吗?

示例;

<!--These are my Html Select controls-->

 select runat="server" id="drpCity"></select> 
 <select runat="server" id="drpState">/select>



  protected void Page_Load(object sender, EventArgs e)
  {
     FillCities(drpCity);
     FillStates(drpState, drpCity.SelectedValue);
  }

  public void FillCitiesHtmlSelect(HtmlSelect drpCity)
        {
           BusCity busCity = new BusCity();
           List<EntCity> 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<EntState> 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));
   }

【问题讨论】:

    标签: c# asp.net html drop-down-menu html-select


    【解决方案1】:

    我可以建议一种方法,尽管我还没有实现它。如果您可以从您的一个选择控件调用 javascript 函数来检查非默认值,并且如果条件满足,则加载第二个选择 html。

    【讨论】:

    • 感谢您的回答,但我不擅长 javascript。如果您有示例代码,那么我可以应用它。我刚刚搜索过这个,但找不到相关示例。
    【解决方案2】:

    HTML 选择控件没有“selectedindexchanged”事件,而是有客户端事件“onchange”。此外,您不能从 html 选择控件调用服务器端。要调用在 c# 代码页(服务器端)中编写的函数,您需要使用 webservice。将您的 c# 函数定义为 webmethord,并在 html 选择控件的“onchange”事件中使用 web 服务调用函数。

    【讨论】:

      猜你喜欢
      • 2014-12-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多