Добавленный контент с использованием jQuery 'append' не отправлен?

Question

Я новичок в jQuery, так что это может быть очень простой ответ. У меня есть проект ASP.NET, который я пытаюсь динамически добавлять содержимое в элемент метки ASP, введя текстовое поле и нажав кнопку. Звучит просто, правда? Ну, я могу добавить содержимое, но когда форма отправлена, элемент Label все еще пуст? Почему новые данные не представлены? Какой шаг я пропускаю? Пожалуйста помоги. Вот пример кода:

<asp:Label ID="lblContainer" Text="" runat="server" />
<input type="text" name="tag" id="tag" />
<input type="button" name="AddTag" value="Add" class="button" onclick="addTag();" />


function addTag() {
    if ($("#tag").val() != "") {
        $("#lblContainer").append('$("#tag").val()' + '<br />');
        $("#tag").val("");
    }
}

Answer 1

Asp.Net не работает таким образом, потому что он не будет отправлять содержимое тега <span> в HTTP Post, когда ваша форма отправлена. Вам нужно добавить этот контент в <input> какого-то рода. Попробуйте что-то вроде этого.

<span id="tagContainer" runat="server"></span>
<input type="text" name="tag" id="tag" />
<input type="button" name="AddTag" value="Add" class="button" onclick="addTag();" />

<!-- Use a hidden field to store the tags -->
<asp:HiddenField id="tagText" runat="server" />

function addTag() {
  var newTag = $.trim($("#tag").val());
   if (newTag != "") {
      $("#tag").val("");
      $("#tagContainer").append(" "+ newTag);

      // append the newTag to the hidden field
      var $tagText = $("#tagText");
      $tagText.val($tagText.val() + " " + newTag);
   }
}

Тогда в вашем коде asp.net вы можете получить значение следующим образом ..

string myTagText = tagText.value;