Le contenu ajouté à l'aide de jQuery 'append' n'est pas envoyé?

Question

Je suis nouveau sur jQuery, donc cela peut être une vraie réponse simple. J'ai un projet ASP.NET que j'essaie d'ajouter dynamiquement du contenu à un élément ASP Label en tapant dans une zone de texte et en cliquant sur un bouton. Cela semble simple non? Eh bien, je peux obtenir le contenu à ajouter, mais lorsque le formulaire est soumis, l'élément Label est toujours vide? Pourquoi les nouvelles données ne sont-elles pas soumises? Quelle étape est-ce que je manque? S'il vous plaît aider. Voici quelques exemples de code:

<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 ne fonctionne pas de cette façon, car il ne sera pas envoyer le contenu d'une balise <span> dans le message HTTP lorsque votre formulaire est soumis. Vous devez ajouter ce contenu à un <input> de quelque sorte. Essayez quelque chose comme ça à la place.

<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); 
    } 
} 

Puis dans votre code asp.net vous pouvez récupérer la valeur comme si ..

string myTagText = tagText.value;