阻止按钮重置文本框值

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+=，its bad。您在输入字段中写入的内容将被删除，因为在使用innerHtml时不考虑它而是擦除。使用jQuery！类似的东西：

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