MVC框架下跨页面点击按钮预设服务下拉框默认选中项

没问题，这个需求很好实现，咱们分几步来搞定：

1. 调整Home控制器的Requestservice方法 #

首先得让这个方法能接收从Barbecue页面传过来的服务类型参数，这样才能把值传递给视图。这里给你两种实现方式，按需选择：

方式一：用ViewBag快速传递参数 #

修改控制器方法，接收serviceType参数并存储到ViewBag里：

public IActionResult Requestservice(string serviceType = null)
{
    // 把服务类型传递给视图
    ViewBag.SelectedService = serviceType;
    return View();
}

方式二：用ViewModel（更推荐，适合后续扩展） #

先创建一个ViewModel类，封装表单需要的所有数据：

public class RequestServiceViewModel
{
    // 选中的服务类型
    public string SelectedService { get; set; }
    // 下面可以添加你的联系/居住信息字段，比如：
    public string FullName { get; set; }
    public string Address { get; set; }
    public string PhoneNumber { get; set; }
}

然后修改控制器方法，初始化ViewModel并赋值：

public IActionResult Requestservice(string serviceType = null)
{
    var model = new RequestServiceViewModel
    {
        SelectedService = serviceType
    };
    return View(model);
}

2. 修改Barbecue页面的「Request service」按钮 #

在Barbecue页面的按钮上，生成指向Requestservice方法的链接，并带上serviceType参数值为「Barbecue package」。用ASP.NET的TagHelper会很方便：

<!-- 用a标签实现跳转（GET请求） -->
<a asp-action="Requestservice" asp-controller="Home" asp-route-serviceType="Barbecue package" class="btn btn-primary">Request service</a>

<!-- 如果想用表单提交（POST请求），可以这样写 -->
<form asp-action="Requestservice" asp-controller="Home" method="post">
    <input type="hidden" name="serviceType" value="Barbecue package" />
    <button type="submit" class="btn btn-primary">Request service</button>
</form>

3. 在Requestservice视图中实现预选中的下拉框 #

根据你用的是ViewBag还是ViewModel，分别写对应的下拉框代码：

如果你用的是ViewBag： #

<div class="form-group">
    <label for="serviceType">Service Type</label>
    <select id="serviceType" name="serviceType" class="form-control">
        <option value="Barbecue package" @(ViewBag.SelectedService == "Barbecue package" ? "selected" : "")>Barbecue package</option>
        <option value="Catering package" @(ViewBag.SelectedService == "Catering package" ? "selected" : "")>Catering package</option>
        <!-- 其他服务选项继续往下添加 -->
    </select>
</div>

如果你用的是ViewModel（更简洁） #

先在视图顶部声明模型：

@model YourNamespace.RequestServiceViewModel

然后用asp-for标签助手，MVC会自动帮你匹配选中项：

<div class="form-group">
    <label asp-for="SelectedService" class="control-label"></label>
    <select asp-for="SelectedService" class="form-control">
        <option value="Barbecue package">Barbecue package</option>
        <option value="Catering package">Catering package</option>
        <!-- 其他服务选项继续往下添加 -->
    </select>
</div>

这样操作之后，用户在Barbecue页面点击按钮，就会跳转到填写信息的表单页，并且服务类型下拉框会自动选中「Barbecue package」啦~

内容的提问来源于stack exchange，提问作者hellapea