Javascript Girl
  1. Javascript Girl
  3. Comment puis-je concatener une chaîne de paramètres dans la fonction javascript sur une chaîne dans un html ajouté?
Intereting Posts
Événement Javascript pour "Ouvrir dans une nouvelle onglet" Modification du prototype d'un objet qui a été créé avec l'initialisation littérale Checkbox check / uncheck using d3 Affectez une couleur différente à chaque barre dans un graphique Google Ensemble JSON vers javaScript Comment exécuter PhantomJS en tant que serveur et l'appeler à distance? Sur la compréhension de la corrélation entre le lien et l'héritage Créer une image réfléchie avec un canevas HTML? Un élément en $ (document) .ready est indéfini dans une certaine situation L'implémentation de pub / sous Javascript fonctionne pour les fonctions, mais pas les méthodes des objets Passer les accessoires au composant dans le routeur réacteur v4 Href provoque un rechargement involontaire de page avec Angularjs et Twitter Bootstrap Bokeh: passez vars à CustomJS pour Widgets Dans AngularJS, comment puis-je ajouter une montre $ sur le hash URL? Comment modifier l'emplacement du script sur addon firefox?

Comment puis-je concatener une chaîne de paramètres dans la fonction javascript sur une chaîne dans un html ajouté?

C'est mon code pour html 

<div id="content"></div>

Ensuite, j'ajoute un inpunt à #content: 

  $( document ).ready(function() { // Handler for .ready() called. var parameter = "<p>Hola</p>"; $("#content").append('<div><p>click the button</p>'+ '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+ '<input type="submit" name="submit_answers" value="Submit" onclick="'+getValue2(parameter)+'" >'+ '</div>'); }); function getValue2(parameter){ alert(parameter); } function getValue(){ alert("Hola"); }

La première entrée fonctionne très bien, mais la deuxième entrée ne fonctionne pas une fois que le document est prêt. Quelle est la meilleure façon de déclarer une fonction dans ce cas?

Vous pourriez faire ceci: 

 onclick="getValue2("' + parameter + '")"

Mais quelque chose comme ça serait mieux: 

 var $div = $('<div><p>click the botton</p></div>'); var $button = $('<input type="submit" name="submit_answers" value="Submit">') .data('parameter', parameter) .click(function () { getValue2($(this).data('parameter')); }).appendTo($div); $("#content").append($div);

Vous pouvez essayer ceci: 

 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\'' + parameter + '\');" >'

Essaye ça : 

 $( document ).ready(function() { // Handler for .ready() called. var parameter = "<p>Hola new</p>"; $("#content").append('<div><p>click the botton</p>'+ '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+ '<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\''+parameter+'\');" >'+ '</div>'); });

La deuxième contribution devrait être quelque chose comme ça. 

 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue2('+parameter+')" >'