主页 / 问题 / 722403
Accepted
Tima
Asked:2020-09-24 08:47:10 +0000 UTC2020-09-24 08:47:10 +0000 UTC

添加新组件时重置先前组件的数据

  • 772

有一个代码

<!DOCTYPE html>
<html>
<head>
	<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
	<title></title>
</head>
<body>
	<input type="submit" name="" id="add">
	<div id="elements"> </div>
	<script type="text/javascript">
		var counter = 0;
		$(document).on('click', '#add', function (e) {
			counter++;
			$("#elements").html($("#elements").html()+
			'<input type="text" name="" id="input-'+counter+'">');
			$("#input-"+counter).val("10");
		});

	</script>
</body>
</html>

当您单击该按钮时，将添加一个新字段。它应该有一个默认值 10。为什么要重置以前的字段？如何解决？

javascript

1 个回答

  1. Best Answer

    改用：.append()_.html()

    var counter = 0;
$(document).on('click', '#add', function(e) {
  counter++;
  $("#elements").append('<input type="text" name="" id="input-' + counter + '">');
  $("#input-" + counter).val("10");
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input type="submit" name="" id="add">
<div id="elements"> </div>

    • 1

相关问题