单击按钮时,我打开带有 3 个输入的模式,其中一个是下拉列表,我可以在其中选择一些活动用户,另外两个输入是我可以为该用户编写一些标题和描述的输入,这些标题和描述是我之前在下拉列表中选择的. 现在我想做的是从模态中选择信息并将它们发送到我的控制器 (c#),我想我必须创建 javascript 对象并将该对象与选定的用户、标题和描述发送到我的 C# 控制器。
这是我的模态代码:
<div class="modal-content">
<div class="modal-header btn-info" style="font-weight:bold;color:white;">
<button type="button" class="close" data-dismiss="modal">×</button>
<h5 class="modal-title modal-sm">Title</h5>
</div>
<div class="modal-body">
<form id="formCompose" class="form-horizontal form-label-left input_mask" method="post">
<div class="form-group">
<label class="control-label col-md-3 col-sm-3">User</label>
<div class="col-md-9 col-sm-9">
@Html.DropDownList("UserID", new SelectList(ViewBag.Users, "Id", ".Name"), "Name", new { @class = "form-control" })
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3">Title</label>
<div class="col-md-9 col-sm-9">
<input type="text" class="form-control">
<span class="fa fa-comment form-control-feedback right" aria-hidden="true"></span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3">Description</label>
<div class="col-md-9 col-sm-9">
<textarea id="message" rows="7" required="required" class="form-control" name="message"
data-parsley-trigger="keyup" data-parsley-minlength="20"
data-parsley-maxlength="100"
data-parsley-minlength-message="You need to enter at least a 20 caracters long description comment.."
data-parsley-validation-threshold="10"></textarea>
<span class="fa fa-language form-control-feedback right" aria-hidden="true"></span>
</div>
</div>
</form>
</div>
这是我用 javascript 尝试过的,如果我们可以称之为甚至尝试:
<script type="text/javascript">
var user = {User: "I need Id from dropdown here probably", Title: "Title from modal ", Description: "Description from modal" };
</script>
我真的不知道如何从输入中获取值并将它们发送到 ac# 控制器。任何形式的帮助都会很棒!
谢谢大家干杯
你必须添加action
的形式提交到属性action
中controller
<form id="formCompose" action="@Url.Action("MyAction", "MyController")" class="form-horizontal form-label-left input_mask" method="post">
并且name
属性值应Property
与模型名称同名
<label class="control-label col-md-3 col-sm-3">Title</label>
<div class="col-md-9 col-sm-9">
<input type="text" name="Title" class="form-control">
<span class="fa fa-comment form-control-feedback right" aria-hidden="true"></span>
</div>
和变革name="message"
来name="Description"
和"UserID"
到"User"
也可以增加submit button
在模型提交表单和数据发送到action
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句