Wily_Fox
جمعه 18 مرداد 1392, 21:08 عصر
با سلام و خسته نباشید
یک فرم دارم که چندین input و همچنین دو تا dropdownlist دارم که یکی وابسته به دیگری هست.
میخوام توسط Ajax با تغییر آیتم های dropdownlist پدر آیتم های dropdownlist فرزند پر بشه. پس از انتخاب آیتم مورد نظر از dropdownlist فرزند و پر کردن input های دیگه کل فرم به سرور ارسال بشه.
در نتیجه کدهای زیر رو نوشتم:
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
@Html.LabelFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title, "", new { @class = "error" })
@Html.EditorFor(model => model.Title)
@Html.LabelFor(model => model.Content)
@Html.ValidationMessageFor(model => model.Content, "", new { @class = "error" })
@Html.EditorFor(model => model.Content)
<div id="group">
<div class="editor-label">
@Html.LabelFor(model => model.GroupId)
@Html.ValidationMessageFor(model => model.GroupId, "", new { @class = "error" })
</div>
<div class="editor-text">
@using (Ajax.BeginForm("SelectSubGroup",
new AjaxOptions
{
UpdateTargetId = "subgroup",
HttpMethod = "Post",
InsertionMode = InsertionMode.Replace
}))
{
@Html.DropDownListFor(m => m.GroupId, new SelectList(Model.Group, "Id", "Name"), new { @OnChange = "$(this.form).submit();" })
}
</div>
</div>
<div id="subgroup">
@Html.Partial("subgroup",Model)
</div>
<div class="otherinfo-submit">
<input type="submit" value="ارسال" />
</div>
}
مشکل اینجاست که هنگام تغییر آیتم های dropdownlist پدر کل فرم به سرور ارسال میشه در حالی که من میخوام فقط Id آیتم مورد نظر dropdownlist پدر به سرور ارسال بشه تا dropdownlist فرزند پر بشه.
یک فرم دارم که چندین input و همچنین دو تا dropdownlist دارم که یکی وابسته به دیگری هست.
میخوام توسط Ajax با تغییر آیتم های dropdownlist پدر آیتم های dropdownlist فرزند پر بشه. پس از انتخاب آیتم مورد نظر از dropdownlist فرزند و پر کردن input های دیگه کل فرم به سرور ارسال بشه.
در نتیجه کدهای زیر رو نوشتم:
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
@Html.LabelFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title, "", new { @class = "error" })
@Html.EditorFor(model => model.Title)
@Html.LabelFor(model => model.Content)
@Html.ValidationMessageFor(model => model.Content, "", new { @class = "error" })
@Html.EditorFor(model => model.Content)
<div id="group">
<div class="editor-label">
@Html.LabelFor(model => model.GroupId)
@Html.ValidationMessageFor(model => model.GroupId, "", new { @class = "error" })
</div>
<div class="editor-text">
@using (Ajax.BeginForm("SelectSubGroup",
new AjaxOptions
{
UpdateTargetId = "subgroup",
HttpMethod = "Post",
InsertionMode = InsertionMode.Replace
}))
{
@Html.DropDownListFor(m => m.GroupId, new SelectList(Model.Group, "Id", "Name"), new { @OnChange = "$(this.form).submit();" })
}
</div>
</div>
<div id="subgroup">
@Html.Partial("subgroup",Model)
</div>
<div class="otherinfo-submit">
<input type="submit" value="ارسال" />
</div>
}
مشکل اینجاست که هنگام تغییر آیتم های dropdownlist پدر کل فرم به سرور ارسال میشه در حالی که من میخوام فقط Id آیتم مورد نظر dropdownlist پدر به سرور ارسال بشه تا dropdownlist فرزند پر بشه.