表单集合和动态<li>值.Net

时间:2016-07-10 02:57:21

标签: javascript c# jquery html5

提交表单时,我需要收集动态创建的文本值。

目前他们被包含在内......

&#13;
&#13;
<ul style="visibility:visible" class="list">

  <li id="listelem">
    <input hidden="hidden" value="JohnDoe1" name="listelemtext" type="text">JohnDoe1<span style="color:red;vertical-align:bottom;" id="removeListElement"><i style="vertical-align:middle;" class="glyphicon glyphicon-remove"></i></span>
  </li>
  <li id="listelem">
    <input hidden="hidden" value="JohnDoe1234" name="listelemtext" type="text">JohnDoe1234<span style="color:red;vertical-align:bottom;" id="removeListElement"><i style="vertical-align:middle;" class="glyphicon glyphicon-remove"></i></span>
  </li>
</ul>
&#13;
&#13;
&#13;

收集表格后我做了

string[] usernames = Request.Form.GetValues("listelemtext");

我也试试

string[] usernames = collection.GetValues("listelemtext");

基本上我想存储客户添加的名称列表,但我似乎无法在帖子中的请求/表单集合中捕获它们......任何人都可以注意到我做错了吗?

更新:

&#13;
&#13;
    $('#addUser').on('click', function (e) {
            var val = $('#in').val();
            //iterate and make sure no duplicates
            
            if (val != "") {
                $('ul.list').append('<li id="listelem" ><input hidden="hidden" value="'+val+'" name="listelemtext" type="text"/>' + val + '<span style="color:red;vertical-align:bottom;"  id="removeListElement"><i style="vertical-align:middle;"class="glyphicon glyphicon-remove"></i></span></a></li>');
            }
          
            $(".results").on("click", "#removeListElement", function () {
                $(this).parent('li').remove();
            }); 
    })
&#13;
&#13;
&#13;

上面的脚本部分用于添加名称。

在Visual Studio 2015调试器中,我发现FormCollection和Request都包含&#34; listelemtext&#34;在键列表中,但它们为空,我期待一个字符串列表。

1 个答案:

答案 0 :(得分:0)

您是否在回发之前验证了表单中是否存在内容?它们是否存在于Request.Form [&#34; listelemtext&#34;]中作为逗号分隔列表? - 使用调试器或Fiddler确定动态内容的格式为帖子。

您展示的内容应该会产生您期望的内容,但很难说明发生了什么,因为您已将所有其他部分都删除了。

动态数据? - 显示有关如何添加元素的脚本