Элементы HTML не идут там, где я ожидаю в ASP.NET MVC на .NET 4.8 ⇐ Html

[Anonymous]

У меня есть проект ASP.NET MVC, работающий на .NET Framework 4.8 - Not ASP.NET CORE MVC. Проблема с загрузкой исправлена, но я хотел бы очистить форму перед отправкой изменений для обзора.

Электронные элементы на сайте «Модные модные»
Электуальные элементы «Модные модные»
. Блоки. Я смог лучше выглядеть верхняя половина.

Я не могу выяснить, что у меня есть класс, но в основном есть кодовые, которые являются мне, но и то, что я могу использовать, что я не могу понять, что это является кодом, но и то, что я не могу использовать. столбцы. И как мне это исправить?@model Website1.Models.AssetManagerUploadModel
@{
ViewBag.Title = "AddResource";
Layout = "~/Views/Shared/_Layout.cshtml";
}

#outer_grid {
display: grid;
grid-template-columns: 1fr 1fr;
}

#inner_grid {
display: grid;
grid-template-columns: 150px 200px;
grid-gap: 15px;
grid-column: 1/3;
}

#form_head {
grid-column: 1/3;
}

.instructions ul li {
list-style-type: circle !important;
}

.instructions ol li {
list-style-type: decimal;
}

ul {
padding-left: 20px !important;
}



function showMe(box, name) {
const chboxs = document.getElementsByName(name);
let vis1 = "none";
let vis2 = "none";
for (let i = 0; i < chboxs.length; i++)
{
if (chboxs.checked)
{
vis1 = "block";
vis2 = "none";
break;
}
else
{
vis1 = "none";
vis2 = "block";
break;
}
}
document.getElementById(box).style.display = vis1;
document.getElementById("FileToUploadDsp").style.display = vis2;
}
function GenerateTwo() {
const cat1 = $("#CatOne").val();
const cat2 = $("#CatTwo");
$(cat2).find('option')
.remove()
.end();
$.get("@Url.Action("GenerateTwo")?CatOne=" + cat1, (res,status) => {
if (res.length > 0 && res[0]!= null) {
$(cat2).show();
$('#CatTwoBtn').show()
$('#CatTwoLBL').show()
}
for (var i = 0; i < res.length && res[0] != null; i++) {
$(cat2).append('' + res + '');
}
});

};
function GenerateThree() {
const cat1 = $("#CatOne").val();
const cat2 = $("#CatTwo").val();
const cat3 = $('#CatThree')
$(cat3).find('option')
.remove()
.end();
$.get("@Url.Action("GenerateThree")?CatOne=" + cat1+"&CatTwo="+cat2, (res,status) => {
if (res.length > 0 && res[0]!= null) {
$(cat3).show();
$('#CatThreeBtn').show()
$('#CatThreeLBL').show()
}
for(var i = 0; i < res.length && res[0]!= null; i++) {
$(cat3).append('' + res + '');
}
});
};
function GenerateFour() {
const cat1 = $("#CatOne").val();
const cat2 = $("#CatTwo").val();
const cat3 = $("#CatThree").val();
const cat4 = $('#CatFour');
$(cat4).find('option')
.remove()
.end();
$.get("@Url.Action("GenerateFour")?CatOne=" + cat1+"&CatTwo="+cat2+"&CatThree="+cat3, (res,status) => {
if (res.length > 0 && res[0]!= null) {
$(cat4).show();
$('#CatFourBtn').show()
$('#CatFourLBL').show()
}
for(var i = 0; i < res.length && res[0]!= null; i++) {
$(cat4).append('' + res + '');
}
});
}
function FileNameFocus() {
$('#txtFileNameToDisplay').focus();
}
function TriggerTwo() {
const val = $('#AddSectionTwo').val();
console.log(val);
$('#CatTwo').append('' + val + '');
$("#CatTwo option:last").attr("selected", "selected");
}
function TriggerThree() {
const val = $('#AddSectionThree').val();
console.log(val);
$('#CatThree').append('' + val + '');
$("#CatThree option:last").attr("selected", "selected");
}
function TriggerFour() {
const val = $('#AddSectionFour').val();
console.log(val);
$('#CatFour').append('' + val + '');
$("#CatFour option:last").attr("selected", "selected");
}
$(document).ready(function() {
$('#CatTwo').hide();
$('#CatThree').hide();
$('#CatFour').hide();
$('#CatTwoBtn').hide();
$('#CatThreeBtn').hide();
$('#CatFourBtn').hide();
$('#CatTwoLBL').hide();
$('#CatThreeLBL').hide();
$('#CatFourLBL').hide();
var table = $('#DataTable').DataTable(
{
scrollY: 700,
paging: false
});
GenerateTwo();
showMe('ExternalYes', 'External');
});


@using (Html.BeginForm("AddPDFResource", "AssetManager", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
Add New Digital Resource
@Html.AntiForgeryToken();



Category
Selection





One
@Html.DropDownListFor(m => m.CategoryOne, new SelectList(Model.CategoryOneSelect), new { @onchange = "GenerateTwo()", @id = "CatOne" })



Two
@Html.DropDownListFor(m => m.CategoryTwo, new SelectList(new List()), new { @onchange = "GenerateThree()", @id = "CatTwo" })
Add New Section


Three
@Html.DropDownListFor(m => m.CategoryThree, new SelectList(new List()), new { @onchange = "GenerateFour()", @id = "CatThree" })
Add New Section


Four
@Html.DropDownListFor(m => m.CategoryFour, new SelectList(new List()), new { @onchange = "FileNameFocus()", @id = "CatFour" })
Add New Section





Filename to Display
@Html.TextBoxFor(model => model.DisplayName, "", new { @placeholder = "Enter Name", required = "required", @id = "txtFileNameToDisplay" })



Image to Upload

External? @Html.CheckBoxFor(model => model.External, new { onclick = "showMe('ExternalYes', 'External')" })

@Html.TextBoxFor(model => model.FileToUpload, "", new { @type = "file" })
@Html.TextBoxFor(model => model.LinkToUpload, "", new { @placeholder = "Enter External Link" })




@ViewBag.Message


}

How To Upload A New Resource

Required Files:

• A Page
• A File Name to Display
• Image to Upload OR External Link (Depending On the Page Selected

Steps:

• Select a Page
• Select a Year (For Pricing Order Forms Only)
• Enter File Name to Display
• Click External Checkbox for Pricing Order Forms Only
• Enter External Link for Pricing Order Forms Only
• Select Choose File to Navigate to the Image to Upload

Add New Category For Section Two

×


Section Name:

Save changes
Close








Add New Category For Section Three

×


Section Name:

Save changes
Close








Add New Category For Section Four

×


Section Name:

Save changes
Close






Подробнее здесь: https://stackoverflow.com/questions/795 ... on-net-4-8