首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML:更改默认选择取决于单击另一个页面上的按钮

HTML:更改默认选择取决于单击另一个页面上的按钮
EN

Stack Overflow用户
提问于 2018-05-02 19:12:04
回答 2查看 48关注 0票数 0

我在使用MVC。

我在我的主页(索引页)控制器中有这个方法

代码语言:javascript
复制
public IActionResult Requestservice()
    {
        return View();
    }

网站提供的每一项服务都有一个页面。当客户端单击"Barbecue“页面中名为"Request”的按钮时,

的预期行为将是:

  • 打开客户输入联系人/住所信息的表单页。
  • 从下拉列表中预选“烧烤包”,在那里他们可以选择他们想要的服务类型。

相反,当前行为是:

  • 客户单击Barbecue页面上的"Request“按钮。
  • 在表单页面上,选择的选项是在html中写在<ul>代码块上的第一项。

页面上的HTML片段

代码语言:javascript
复制
(...)

<select class="form-control" id="exampleFormControlSelect1">
    <option>Pack Complete (€34.99/pax)</option>
    <option>Pack Barbecue (€9.99/pax)</option>
</select>
(...)

--这是Barbecue.cshtml页面上按钮的样子

代码语言:javascript
复制
<a class="btn btn-primary" href="RequestService">
     Request Service
     <span class="glyphicon glyphicon-chevron-right"></span>
</a>

因此,再次,当我单击烧烤页面上的请求服务按钮时,如何使它成为默认选择的“包烧烤”而不是“包完成”?

EN

回答 2

Stack Overflow用户

发布于 2018-05-02 19:26:33

试试这段代码。

代码语言:javascript
复制
<select class="form-control" id="exampleFormControlSelect1">
    <option>Pack Complete (€34.99/pax)</option>
    <option seleted>Pack Barbecue (€9.99/pax)</option>
</select>

注意,我添加了"Pack Barbecure“选项的selected选项,使它在第一次加载时被选中。

票数 0
EN

Stack Overflow用户

发布于 2018-05-02 21:22:13

我做到了!

下面是我在HomeController中的方法:

代码语言:javascript
复制
public IActionResult Requisitar(string option)
    {
        ViewBag.DefaultMenuSelection = null;

        if (option != null) {
            ViewBag.DefaultMenuSelection = option;
        }

        return View();
    }

下面是基于Mohsin的答案的html代码:

代码语言:javascript
复制
<select class="form-control" id="packDropdown">
       <option>Pack Complete (€34.99/pax)</option>
       <option selected="@(ViewBag.DefaultMenuSelection == "Pack_barbecue" ? "selected" : null)">Pack Barbecue (€9.99/pax)</option>
</select>

然后在“请求”按钮上有以下内容:

代码语言:javascript
复制
<a class="btn btn-primary"  href="@Url.Action("Request_service", null, new { area = String.Empty, controller = "Home", option="Pack_barbecue"})">
                Request Service
                <span class="glyphicon glyphicon-chevron-right"></span>
</a>

就这样!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50141904

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档