Как добавить текстовое поле при нажатии кнопки?

Question

Я пишу страницу JSP, где администратор может подготовить формат вопроса для пользователей. Все вопросы имеют несколько вариантов: от 2 (для да или нет) до 5. Я хочу предоставить кнопку для администратора, который по клику должен сгенерировать текстовое поле, соответствующее 1 ответу. Эта кнопка также должна проверить, что поля ответа не превысили 5, так как может быть не более 5 вариантов.

Как я могу решить эту проблему? Как набить переменную JavaScript внутри innerHTML? Я сделал что-то вроде этого:

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> 

Здесь queryNum и ansCount являются PARAMS, принятые JSP. Я хочу набить их в d.innerHTML. Что-то вроде этого

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

Вам понадобится использовать JavaScript. Вы можете начать с чтения на JavaScript и DHTML. Это было бы неплохо для начала: http://www.devx.com/codemag/Article/15585

Answer 2

Вам нужно, чтобы это сработало, как показано ниже, 1) Напишите Javascript, который отображает текстовое поле. Когда мы вызываем вышеупомянутый скрипт javs? ON нажмите кнопку вызова JS и покажите ее пользователю 2) в действии, отправьте значения из jsp в сервлеты или класс Action для обработки.

Я надеюсь, что это понятно, иначе не стесняйтесь ставить ур комментарии, ответит вам

Answer 3

Как и в Java вы можете конкатенации строк в JavaScript с помощью оператора +.

var foo = 'some JS string'; 
div.innerHTML += '<someElement>' + foo + '</someElement>'; 

Чтобы узнать больше о JavaScript, я рекомендую пройти этот w3schools quick tutorial/reference. Если вы хотите пойти немного дальше, пройдите через это advanced presentation/exercise of John Resig. Если вам нужна гениальная и простая в использовании инфраструктура JavaScript, have a look at jQuery. Если вы хотите узнать больше о связи между Java/JSP и JavaScript, check this article.