Отправка неупорядоченного списка в MVC

Question

Я новичок в MVC, но заметил, что для неупорядоченного списка нет помощника. то, что я хочу сделать, - когда пользователь нажимает на флажок, он добавляет элементы в список, однако я пытаюсь добавить это в мою модель при отправке

Это HTML

   <div class="row">
        <div class="col-md-6">
            <div class="attachmentPanel">

                <ul id="contractors"></ul>

            </div>
        </div>
    </div>

это javascript, который срабатывает при нажатии флажка

function SelectedUser(name) {

    var ul = document.getElementById("contractors");
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(name));
    ul.appendChild(li);
}

В основном, когда пользователь нажимает кнопку «Отправить», я хочу, чтобы элементы из списка UL были отправлены на мой контроллер.

Answer 1

, если ваш список содержит только строку, чем вы можете создать функцию для получения значений из списка

<script>


function getvalues(){
  var mylist = []
   var elem = document.getElementById("contractors")
   for(let f of elem.children){
     mylist.push(f.innerText);
   }
  return mylist;
}
function submit(){
   var list = getvalues();
   $.ajax({
      type: "POST",
      url: @Url.Action("submitItems", "Demo")',
      data: JSON.stringify(list),
       dataType: 'application/json',
        success : function(response){
                alert(response);
        }
     });
}
</script>

<button onclick="submit()" >submit</button>

Теперь на вашем контроллере

namespace WebApplication.Controllers
{
    public class DemoController : Controller
    {
        [HttpPost]
        public string submitItems(string[] items)
        {

            return "success";
        }
    }
}