如何从3个以上的html <input>保存数据</>
如何从3个以上的html <input>保存数据</>
提问于 2018-07-28 05:47:27
你好，我有一个带有几个html/input标签的表单。如下所示：
<form class="form-group">
<div class="body table-responsive">
<table class="table m-b-0">
<thead>
<tr>
<th>Name</th>
<th>age</th>
<th>phone number</th>
<th>ID</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>@item.name</td>
<td>
<input type="text" name="" id="" value=""
class="bordered">
</td>
<td>
<input type="text" name="" id="" value=""
class="bordered">
</td>
<td>
<input type="text" name="" id="" value=""
class="bordered">
</td>
</tr>
}
</tbody>
</table>
</div>
</form>我还没有命名或标识它们，因为我知道有一种方法可以填充所有输入并在按下提交或按钮时同时保存它们，我只是不知道怎么做。
我是否需要在上添加标记或属性，以便在按下时能够同时保存所有输入？
回答 1
Stack Overflow用户
发布于 2018-07-28 11:12:38
您必须为每个输入指定名称，并添加一个提交按钮。当您单击submit时，用户输入将使用给定的方法发送到服务器。
<form method="post" class="form-group">
<div class="body table-responsive">
<table class="table m-b-0">
<thead>
<tr>
<th>Name</th>
<th>age</th>
<th>phone number</th>
<th>ID</th>
</tr>
</thead>
<tbody>
@{
var i = 0;
foreach (var item in Model) {
<tr>
<td>@item.name</td>
<td>
<input type="text" name="input1_@i" id="" value=""
class="bordered">
</td>
<td>
<input type="text" name="input2_@i" id="" value=""
class="bordered">
</td>
<td>
<input type="text" name="input3_@i" id="" value=""
class="bordered">
</td>
</tr>
}
}
</tbody>
</table>
</div>
<button type="submit">Submit</button>
</form>或者，您可以侦听提交事件并自己处理它。
$('form').submit(function(e) {
e.preventDefault();
// you can get the input data from 'this' (form element)
// here comes your validation and server call
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51565944
复制相关文章
相似问题