javascript - 防止按钮重置文本框值

Question

我正在尝试创建 mcq 问题并能够添加问题。但是当我已经填充了文本框并且按下添加问题按钮时，问题出现了，文本框的值总是消失。

<form name="newdocument">

            <div id="questions" data-role="fieldcontain"><input type="text" value="dsa"/></div>
            <input type="button" value="Add Question" onclick="AddQuestion();" />

        </form>

javascript代码位于http://jsfiddle.net/Xv3Xq/1/

Answer 1

不要用innerHtml+=，不好。您在输入字段中写入的内容将被删除，因为在使用 innerHtml 时不会考虑它，而是会被删除。使用 jQuery！就像是：

$('#addQuestion').click(function() {
  $('<input />').appendTo($('#questions'));
});