MVC＆＃34;编辑＆＃34; ＆＃34; List <string>＆＃34;的元素可以选择添加新元素</string>

Question

我需要显示一个＆＃34; List＆＃34;可以选择将新元素添加到列表中的属性。

基本上是

  

  
• 价值1
  
• 价值2
  
• 按钮：添加新
  

我为它创建了一个editfor模板，在那里我用foreach循环显示所有值。但是，每个项目都是一个索引，所以当我用javascript添加一个新的输入字段时，索引是错误的。

任何建议如何实现这一目标。

PS：必须在客户端上添加新元素，因为它是一个简单的形式

Answer 1

    var abccounter = 1;

    $("#abcbutton").click(function () {

        $('#itemlist').append('<p><input class="text-box single-line" id="listofstringname_' + abccounter + '_" name="listofstringname[' + abccounter + ']" type="text" value=""></p>');

        abccounter++;
    });


<p>@Html.EditorFor(model => model.listofstringname)</p>

这就是我所做的并且有效。我遇到的唯一问题（也可能最终解决）是我想用

标签包装每个元素，但我不确定如何。这个JS只添加了一个新的“文本框元素”，假设1为开头，因为我的模型默认加载了1个示例。