如何使用模型联编程序将 post 数据从表单 + 跨度值传递到数据库

Question

好时机。我是 Asp.net-MVC 的新手。

我有一个从用户那里获取数据的表单，并且此页面中有一个跨度，我想 post 输入数据和跨度值到我的数据库。

我想使用模型活页夹，但我不知道如何命名与我的模型相同的 span。

这是我的操作：

[HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create([Bind(Include = "Id,TourId,FirstName,LastName,Email,Phone,Comment,FrequentTraveler,TravelersCount,Date,ContactTimePreference,Country,Archived")] Request request)
    {
        if (ModelState.IsValid)
        {
            db.Requests.Add(request);
            db.SaveChanges();
            return RedirectToAction("Index");
        }

        return View(request);
    }

span 正在从 JavaScript

获取价值

<span class="col-md-5" id="selecteddate"></span>

这是我的表格，但我只在这里为 Shorthand 写了一个输入。 :

 <form role="form" method="post" action="/Tour">
  @Html.AntiForgeryToken()

 <div class="form-group">
 <label for="FName">First Name:</label>
 <input type="text" name="FirstName" class="form-control" id="FName" placeholder="Enter FirstName" />


 </div>

</form>

我想 post span id="selecteddate" 的值到数据库中名为 Date

的列

如果有人能告诉我这怎么可能，或者您是否有更好的建议，我将不胜感激？

Answer 1

一个解决方案是，将 hidden html input 添加到您的 <from>。当您提交时，您使用 javascript.

将其值写为跨度的副本

<form role="form" method="post" action="/Tour" onsubmit="prepare()">
  @Html.AntiForgeryToken()

 <div class="form-group">
 <label for="FName">First Name:</label>
 <input type="text" name="FirstName" class="form-control" id="FName" placeholder="Enter FirstName" />


 </div>
<input type="hidden" name="Date" />
</form>

@section Scripts {
  <script type="text/javascript">
    function prepare() {
        document.getElementsByName("Date")[0].value = document.getElementById("selecteddate").innerHtml;
    }
  </script>
}

如何使用模型联编程序将 post 数据从表单 + 跨度值传递到数据库

how to use model binder to post data from a form + value of a span to data base

javascript

asp.net

modelbinder

asp.net-mvc-5