Comment ajouter une zone de texte sur un bouton cliquer?

Question

J'écris une page JSP où un administrateur peut préparer le format de question pour les utilisateurs. Toutes les questions ont des choix multiples allant de 2 (pour oui ou non) à 5. Je veux fournir un bouton pour l'admin qui sur clic doit générer une boîte de texte correspondant à 1 réponse. Ce bouton doit également vérifier que les cases de réponse n'ont pas dépassé 5 car il ne peut y avoir plus de 5 choix multiples.

Comment puis-je résoudre ce problème? Comment bourrer la variable JavaScript dans le innerHTML? Je l'ai fait quelque chose comme ceci:

function addAnswer(queryNum, ansCount){ 
    var d=document.getElementById("div"); 
    var i = queryNum; 
    alert(i); 
    var j = ansCount; 
    alert(j); 
    d.innerHTML+="<label class='optsurvey-answer' for='answer_'>Answer</label>"+"<input class='optsurvey-answerinput' type='text' name='<portlet:namespace />answer_'>"; 
} 
</script> 

Ici queryNum et ansCount sont params adoptées par JSP. Je veux les bourrer à l'intérieur du d.innerHTML. Quelque chose comme ça

d.innerHTML+="<label class='optsurvey-answer' for='answer_'>Answer<HERE I HAVE TO STUFF "ansCOUNT" ></label>"+"<input class='optsurvey-answerinput' type='text' name='<portlet:namespace />answer_'>"; 

Answer 1

Vous allez avoir besoin d'utiliser JavaScript. Vous pouvez commencer par lire sur JavaScript et DHTML. Ce serait un bon endroit pour commencer: http://www.devx.com/codemag/Article/15585

Answer 2

Vous devez obtenir ce fonctionnement comme les méthodes mentionnées ci-dessous 1) Écrivez un javascript qui affiche la zone de texte. Quand appelons-nous le script javs ci-dessus? ON cliquer sur le bouton appeler le JS et le montrer à l'utilisateur 2) sur Action, envoyer les valeurs de la jsp aux servlets ou à la classe Action pour traitement.

J'espère que cela est clair, sinon ne pas hésiter à mettre ur commentaires, vous répondra

Answer 3

Comme en Java, vous pouvez concaténer des chaînes en JavaScript en utilisant l'opérateur +. Pour plus d'informations sur JavaScript, je recommande de passer par ce w3schools quick tutorial/reference. Si vous voulez aller un peu plus loin, passez par le advanced presentation/exercise of John Resig. Si vous voulez un framework JavaScript génial et facile à utiliser, have a look at jQuery. Si vous voulez en savoir plus sur la communication entre Java/JSP et JavaScript, check this article.