Возврат значения выбранного элемента

Question

Итак, в моем коде есть блок выбора:

<select id="mS" name="mealSelection" onselect="">
                    <optgroup label="Generell">
                        <option selected label="Alles" value="0" />
                    </optgroup>
                    @{
                        List<List<string>> kategorien = new List<List<string>>();
                        List<List<int>> catIDs = new List<List<int>>();
                        while (reader.Read())
                        {
                            if (reader["TopKategorie"].ToString().Equals(""))
                            {
                                List<string> nextList = new List<string>();
                                nextList.Add(reader["Bezeichnung"].ToString());
                                kategorien.Add(nextList);
                                List<int> nextCatList = new List<int>();
                                nextCatList.Add(Int32.Parse(reader["ID"].ToString()));
                                catIDs.Add(nextCatList);
                            }
                            else
                            {
                                int lastPos = kategorien.Count - 1;
                                kategorien[lastPos].Add(reader["Bezeichnung"].ToString());
                                catIDs[lastPos].Add(Int32.Parse(reader["ID"].ToString()));
                            }
                        }
                        for (int i = 0; i < kategorien.Count; i++)
                        {
                            <optgroup label=@kategorien[i][0]>
                                @for (int j = 1; j < kategorien[i].Count; j++)
                                {
                                    <option label=@kategorien[i][j] value=@catIDs[i][j] />
                                }
                            </optgroup>
                        }
                    }
                </select>

Краткое объяснение: Наш профессор дал нам задачу создать веб-приложение, в котором вы можете заказать еду.Этот список предназначен для фильтрации продуктов по категориям (например, азиатская, фаст-фуд и т. Д.). Я использовал двумерный список, потому что все категории разделены на «верхние категории», такие как закуски, десерт и т. Д.

Теперь мне нужна кнопка, которая ссылается на URL-адрес, содержащий значение выбранного параметра в качестве параметра.Однако мой профессор специально потребовал использовать «select», «optgroup» и «option», и я еще не работал с контроллерами.Любая помощь приветствуется.

Answer 1

Просто используйте скрипт, чтобы получить новое значение.Поскольку вы получаете его на лету, он должен быть языком клиента.(Как Jquery или Javascript)

    <select id="mySelect" onchange="myFunction()">
      <option value="Audi">Audi
      <option value="BMW">BMW
      <option value="Mercedes">Mercedes
      <option value="Volvo">Volvo
    </select>

    <p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>

    <p id="demo"></p>

    <script>
    function myFunction() {
        var selected-val = document.getElementById("mySelect").value;
        document.getElementById("demo").innerHTML = "You selected: " + selected-val;
    }
    </script>

Как только вы получите значение, вы можете делать с информацией все, что хотите.:)