Javascript ASP.net razor页面和multi-select,在select中发布所有项目
我有一个表格,有两个选项,一个在左边,一个在右边。左边的一个按钮列出要添加的项目,两个按钮,一个用于添加,另一个用于删除项目,使用jQuery进行选择。两个选择都设置了Javascript ASP.net razor页面和multi-select,在select中发布所有项目,javascript,jquery,asp.net,asp.net-core,razor-pages,Javascript,Jquery,Asp.net,Asp.net Core,Razor Pages,我有一个表格,有两个选项,一个在左边,一个在右边。左边的一个按钮列出要添加的项目,两个按钮,一个用于添加,另一个用于删除项目,使用jQuery进行选择。两个选择都设置了multiple=“multiple”属性 问题是,当我提交表单时,只有在右侧选择中选择的项目才会发布在表单数据中,这是预期的。我已经添加了jQuery的以下部分来选择提交时选择列表中的所有项目,但在按下提交按钮之前,它仍然只发送单个选定项目的数据: $("#pageForm").submit(function (e) {
multiple=“multiple”
属性
问题是,当我提交表单时,只有在右侧选择中选择的项目才会发布在表单数据中,这是预期的。我已经添加了jQuery的以下部分来选择提交时选择列表中的所有项目,但在按下提交按钮之前,它仍然只发送单个选定项目的数据:
$("#pageForm").submit(function (e) {
$("#controlGradesList option").prop("selected", "selected");
});
这是我的表单标记:
<form method="post" id="pageForm">
@Html.HiddenFor(x => x.Data.Ref)
<div class="row">
<div class="col-sm-5">
<h3>All grades</h3>
<div class="form-group">
<input type="text" id="filterBox" class="form-control" placeholder="Filter grades" />
</div>
<div class="form-group">
<select class="form-control" size="20" multiple="multiple" id="gradesList" asp-items="@(new SelectList(Model.Data.AvailableGrades, "Ref", "Display"))">
</select>
</div>
</div>
<div class="col-sm-2">
<div class="push-down-arrows">
<div class="form-group">
<input type="button" class="btn btn-primary btn-block" id="addButton" value=">>" title="Add grade to control group" />
</div>
<div class="form-group">
<input type="button" class="btn btn-primary btn-block" id="removeButton" value="<<" title="Remove grade from control group" />
</div>
</div>
</div>
<div class="col-sm-5">
<h3>Associated grades</h3>
<div class="grades-padding-top">
<div class="form-group">
<select class="form-control" size="20" multiple="multiple" id="controlGradesList" asp-for="Data.AssociatedGradeRefs" asp-items="@(new SelectList(Model.Data.AssociatedGrades, "Ref", "Display"))">
</select>
</div>
</div>
</div>
</div>
<hr />
<button class="btn btn-primary" type="submit"><i class="fa fa-save"> </i>Save</button>
| <a href="#" onclick="window.history.go(-1);">Back to previous page</a>
</form>
@Html.HiddenFor(x=>x.Data.Ref)
所有等级
相关职系
拯救
|
我在这里遗漏了什么?我需要使用并单击按钮上的“事件”来选择“选择”、“防止默认值”和“提交表单”中的所有选项:
<button class="btn btn-primary" type="submit" onclick="submitForm(event)"><i class="fa fa-save"> </i>Save</button>
function submitForm(e) {
$("#controlGradesList option").prop("selected", true);
e.preventDefault();
$('#pageForm')[0].submit();
}