Question

我正在编写一个JSP页面，管理员可以在其中为用户准备问题格式。所有问题都有多种选择，从2（对于是或否）到5.我想为管理员提供一个按钮，点击该对象必须生成一个对应于1个答案的文本框。此按钮还应检查答案框是否未超过5，因为不能超过5个选项。

我该如何解决这个问题？如何在innerHTML内填充JavaScript变量？我做过类似的事情：

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

Answer 2

您需要像下面提到的方法一样工作 1）编写一个显示文本框的Javascript。我们什么时候调用上面的javs脚本？单击按钮调用JS并将其显示给用户 2）on Action，将值从jsp发送到servlet或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。

如何在按钮单击上添加文本框？

3 个答案: