Javascript 为什么赢了'；新创建的输入标记是否保留在页面上？

我正在尝试根据用户输入的数字创建新的输入标记。我的代码将创建正确数量的标记，但它们几乎会立即被删除。为什么?

<form>
 <input type='text' id='input' />
 <button>Submit</button>
</form>
<div id="box">
</div>

<script>
$(document).ready(function() {
 $('button').click(function() {
  var x = $('#input').val(); 
  for(var i=0 ; i < x; i++) {
        $('<input type="text" /><br>').prependTo('#box');
    };
 });
});

</script>

提交
$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var x=$（'#input'）.val（）；
对于（变量i=0；i”）.prependTo（“#框”）；
};
});
});

在事件上调用

preventDefault

，以停止启动

按钮

操作

$('button').click(function(e) {
   e.preventDefault();
   var x = $('#input').val(); 
   for(var i=0 ; i < x; i++) {
      $('<input type="text" /><br>').prependTo('#box');
   };
});

$（“按钮”）。单击（函数（e）{
e、 预防默认值（）；
var x=$（'#input'）.val（）；
对于（变量i=0；i”）.prependTo（“#框”）；
};
});

---

将现有按钮更改为带有id的输入，并在JS中使用id。您的问题是，当您单击按钮时，表单正在提交

你所说的

是什么意思？它们几乎马上就被删除了

？页面是否重新加载？或者它们只是消失了？你可以使用

jQuery

非常有效地创建输入：-）你为什么要首先使用提交按钮来添加元素？@charlietfl，实际上

submit

不是一种类型的

submit

，只是一个按钮，但可能表单正在提交，但不是在每个浏览器中，仍然感到困惑的tho:-）@Alpha是的，如果类型未定义，则默认为提交

，它将触发表单

<input type="button" id="update" value="Submit" />