将数据绑定到ListBox并将列表发布到数据库mvc5

Question

使用代码优先的方法开发mvc5应用程序。在我的一个观点中，我有一个文本框，一个添加按钮，一个保存按钮，一个删除按钮和一个列表框。

当我在文本框（文本）中输入一个值并单击添加按钮时，它应该被添加到列表框并显示文本。因此，这个列表框中会有多个文本。而且我也应该能够使用删除按钮删除列表框中的记录/记录。

之后，我想发布此列表到服务器。这种情况下的大多数任务可以使用Jquery完成，我想。

高达现在我在_AttributeCreate局部视图已经做

@model eKnittingData.AttributeViewModel 

@using (Html.BeginForm("Save", "Attribute")) 
{ 
    @Html.TextBox("abc") 
    <input type="button" name="AddText" value="Add Text" id="AddText" /> 

    @Html.ListBoxFor(a => a.typevalue, new SelectList(Model.typevalue, "Id", "Text")) 


    <input type="submit" value="Save" id="btn" class="btn btn-success" onclick="disableBtn()" /> 
} 

脚本追加项目

<script> 
     $('#AddText').click(function() { 
      $('#typevalue').append(
       new Option($('input[name=abc]').val())); 
     }); 
</script> 

AttributeViewModel

public class AttributeViewModel 
{ 
    public IEnumerable<String> typevalue { get; set; } 
} 

但这不是干活G。请指导我如何做到这一点（包括删除功能和最终职位功能）。提前致谢！