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>

简短说明：我们的教授给了我们任务，创建了一个可以在其中订购食物的Web应用程序。该列表用于按类别过滤食物（例如，亚洲，快餐等）。我使用了二维列表，因为这些类别都被分隔在“顶级类别”中，例如小吃，甜点等。

我现在需要一个链接到包含所选选项值作为参数的URL的按钮。但是，我的教授特别要求使用“选择”，“ optgroup”和“选项”，而我还没有使用控制器。任何帮助表示赞赏。

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>

一旦有了价值，就可以使用信息来做任何想做的事情。：）

返回所选项目的值

1 个答案: