Блог

Как мне прочитать выбранное значение выпадающего списка в исходном коде, когда опция была добавлена с использованием JavaScript?

Немного больше информации: у меня есть каскадные выпадающие списки, и я хотел бы заполнить значения с помощью JavaScript, чтобы избежать обратной передачи, когда пользователь изменяет выбор в первом выпадающем списке.

Мне не разрешено использовать панель обновления.

Я создал простую демонстрационную версию, демонстрирующую проблему. Вот мой код разметки:

 <p>
    <asp:DropDownList runat="server" ID="FilterDropDownList" />
</p>
<p>
    <asp:Button runat="server" ID="SearchButton" Text="Search" 
        onclick="SearchButton_Click" /><br/>
    <asp:TextBox runat="server" ID="QueryTextBox" />
</p>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        var filterDropDownListId = '#<%= FilterDropDownList.ClientID %>';

        $(filterDropDownListId).append($('<option>').prop('value', 'Alpha').html('A'));
        $(filterDropDownListId).append($('<option>').prop('value', 'Beta').html('B'));
    });
</script>
  

И в коде позади у меня есть следующее:

 protected override void Render(HtmlTextWriter writer)
{
    // Register the allowed values for the down down list.
    Page.ClientScript.RegisterForEventValidation(FilterDropDownList.UniqueID, "Alpha");
    Page.ClientScript.RegisterForEventValidation(FilterDropDownList.UniqueID, "Beta");

    base.Render(writer);
}

protected void SearchButton_Click(object sender, EventArgs e)
{
    Response.Redirect(
        String.Format("{0}?dropdown={1}amp;query={2}",
            Request.Url.AbsolutePath,
            FilterDropDownList.SelectedValue,
            QueryTextBox.Text));
}
  

Проблема в том, что FilterDropDownList.Выбранное значение пустое. Я бы ожидал, что это будет либо «Альфа», либо «Бета». Я могу прочитать значение QueryTextBox.Текст без проблем.

Можно прочитать MyDropDownList.Выбранное значение, когда значения были заполнены с использованием JavaScript? Или нужно использовать другой подход?

Вы всегда можете записать выбранное значение в скрытое текстовое поле с помощью javascript и прочитать значение в коде behind.