Привязка данных в MVC 5 и Select2 Multiple Values с движком Razor

Обычно я очень мало работаю на стороне html приложения, потому что по большей части я просто позволяю этому генерировать для меня.

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

Вот что я работаю с:

namespace Blog.Data.Entities
{
    public class Post
    {
        public virtual long PostId { get; set; }

        -------------------

        public virtual ICollection<Tag> Tags { get; set; }
    }

    public class Tag
    {
        public virtual long TagId { get; set; }
        public virtual string Name { get; set; }
        public virtual string Description { get; set; }
    }
}

Почтовый контроллер

// POST: /Post/Create
    [HttpPost]
    public ActionResult Create(PostsCreateViewModel postModel)
    {
        if (ModelState.IsValid)
        {
            Post post = new Post
            {
                Title = postModel.Title,
                Body = postModel.Body,
                PostDate = _dateTime.UtcNow
            };

            foreach (var tag in postModel.Tags)
            {
                post.Tags.Add(_tagRepository.GetTag(tag.TagId));
            }

            _postRepository.SavePost(post);

            return RedirectToAction("Detail");
        }
        return View(postModel);
    }

Я успешно загружаю данные с удаленного компьютера с помощью: кода Json

<script type="text/javascript">
    $(document).ready(function () {
        $("#tags").select2(
        {
            placeholder: "Select a Tag",
            minimumInputLength: 1,
            multiple: true,
            maximumSelectionSize: 5,
            ajax: {
                url: '@Url.Action("SearchTag", "Post")',
                dataType: 'json',
                data: function (term, page) {
                    return {
                        searchTerm: term,
                        page_limit: 10,
                        page: page,
                    };
                },
                results: function (data, page) {
                    var more = (page * 10) < data.total;
                    return { results: data, more: more };
                }
            }
        });
    });
</script>

Вид: обычно у меня было бы что-то вроде

<div class="form-group">
            @Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Title)
                @Html.ValidationMessageFor(model => model.Title)
            </div>
        </div>

Как написать аналогичный html для текстового поля тега, чтобы при нажатии кнопки "Сохранить" все сохраняется в соответствующих таблицах?

В настоящее время у меня есть это только для select2:

<div class="form-group">
    @Html.LabelFor(model => model.Tags, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <input id="tags" style="width: 300px" />
        @Html.ValidationMessageFor(model => model.Tags)
    </div>
</div>

Что производит: