1

我有一个包含多个选项卡的 jQuery 对话框，每个选项卡都包含一个表单，并且 jQuery 对话框包含一个 DropDownList ，其中包含一个“全局”值，该值将在所有选项卡/表单之间共享。

关键是“站点”，它可以通过隐藏字段或下拉列表设置，具体取决于控制器的结果。

这可能是一项非常微不足道的任务，但我不知道该怎么做（对于 MVC3、JavaScript 和一般的 Web 编程来说仍然是新手）。我可以通过这样做来获取 JavaScript 中的值，var value = $('#Site').val();但我不知道如何将其发送到控制器，因为我无法将 JS 变量保存在 C# 变量中，反之亦然。我使用此命令提交表单：$('#' + tabid).submit();

代码：

<div id='jquery-dialog' title="Create new">

  @if (ViewBag.SiteList == null)
  {
    @Html.Hidden("Site", Request.Params["ForSite"])
  }
  else
  {
    @Html.DropDownList("Site", (SelectList)ViewBag.SiteList)
  }

  <div id="tabs">
    <ul>
      <li><a href="#tab0">Tab 0</a></li>
      <li><a href="#tab1">Tab 1</a></li>
    </ul>

    @using (Ajax.BeginForm("Create", null, new AjaxOptions() { HttpMethod = "POST" }, new { id = "tab0" }))
    {
      <div id="tab0">
        This is Tab 0
      </div>
    }

    @using (Ajax.BeginForm("Create", null, new AjaxOptions() { HttpMethod = "POST" }, new { id = "tab1" }))
    {
      <div id="tab1">
        This is Tab 1
      </div>
    }
  </div>
</div>
4

1 回答 1

1

你可以用javascript来做到这一点。首先，在表单标签内创建一个隐藏字段：

@using (Ajax.BeginForm("Create", null, new AjaxOptions() { HttpMethod = "POST" }, new { id = "tab0" }))
    {
      <div id="tab0">
        <input id="tab0Value" name="tab0Value" type="hidden" value="">
        This is Tab 0
      </div>
    }

然后，当您单击提交按钮时（在发送表单之前）从 dropDownList 中获取值并将其设置为隐藏字段：

var value = $('#Site').val();
$("#tab0Value").val(value);
于 2012-07-31T09:56:14.187 回答