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'));
});