javascript - 如何在单击按钮时添加文本框？

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是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