C# 与<;选择>;滤波器

C# 与<;选择>;滤波器,c#,html,razor,C#,Html,Razor,我为我的网站编写了一个选择过滤器: 滤器 <div class="row"> <select class="event-type-select" id="selection" > <optgroup label="categorygroup1"> <option value="category1">catego

我为我的网站编写了一个选择过滤器:

滤器

        <div class="row">

                <select class="event-type-select" id="selection" >
                    <optgroup label="categorygroup1">
                        <option value="category1">category1</option>
                    </optgroup>
                    <optgroup label="categorygroup2">
                        <option value="category2">category2n</option>
                        <option value="category3">category3</option>
                    </optgroup>
                    <optgroup label="categorygroup3">
                        <option value="category4">category4</option>
                    </optgroup>
                </select>

        </div>

        <div class="row">

            <button type="submit" class="btn btn-default"> filter </button>

        </div>
    </form>

类别1
类别2n
类别3
类别4
滤器
在网站的“选择窗口”中选择任何内容之前,请阅读“类别1”。我想这是默认的(?)
但是,如果我选择了一个类别(这是有效的:你可以在“选择窗口”中阅读,例如category3),然后点击“筛选”按钮,网站会刷新,但在“选择窗口”中,你会再次阅读“category1”,而不是所选类别,例如“category3”。我猜这个选择不对

我如何解决这个问题,当点击按钮时,您仍然阅读您选择的类别

我还想在网站的不同部分显示所选选项

我的当前代码:

    <script type='text/javascript'>
        var m = document.getElementById("selection").value;}
        document.write(m);

    </script>

var m=document.getElementById(“选择”).value;}
文件。编写(m);
那也不行


我希望你能理解我的意思,我的英语很差。很抱歉。

脚本有一个错误,您应该使用一个函数:

功能测试()
{
var m=document.getElementById(“选择”).value;
警报(m);
}

试验
类别1
类别2n
类别3
类别4
滤器

首先,问题本质上包含两个问题,一个问题包含两个问题,不要这样做

其次,您只是缺少了
字段的预选

选择不起作用

提交表单时,将值发送到服务器。服务器处理这些值并再次呈现页面。因此,必须根据选定的值调整渲染。假设您只需将所选值作为字符串传递给视图,视图代码如下所示:

@model string

...

<select class="event-type-select" id="selection" >
    <optgroup label="categorygroup1">
        <option value="category1" @if (Model == "category1") {<text>selected</text>}>category1</option>
    </optgroup>
    <optgroup label="categorygroup2">
        <option value="category2" @if (Model == "category2") {<text>selected</text>}>category2n</option>

    ...
</select>
@模型字符串
...
类别1
类别2n
...
我还想在网站的不同部分显示所选选项


然后将选择存储在某个位置(例如DB),在渲染不同部分之前检索所选值,并在不同部分中简单地输出

刷新页面时,选择将显示默认值。这是正常的行为。您可以更改默认值。您还应该调用一个函数,该函数显示按钮中的值。@Fabio_MO因此选择有效:“category3”是所选选项,即使在选择窗口中读取了“category1”。但是我需要将默认值从用户选择的值更改为?但是“document.write(m)”仍然不显示我选择的值