Суть такая.
Кнопками я добавляю и убираю поля ввода, на которые действует функция, которая выводит напечатанное рядом. Но проблема в том, что напечатанное добавляется, а не заменяется. То есть если я буду стирать, то будет не стираться, а добавляться к тому, что было. Как сию проблему решить?
Вот код:
<!DOCTYPE html><html><head>
<style>
#btn1 {position:absolute;top:10px;right:10px;}
#btn2 {position:absolute;top:40px;right:10px;}
p {display: inline}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("body").on("keyup","input",function(){
var t = $(this).val();
console.log(t);
$(this).after(t); /* <- что-то поменять тут наверно*/
});
$("#btn1").click(function(){
$("input:last").remove();
});
$("#btn2").click(function(){
var a = '<br><input type="text" val="">';
$("input:last").after(a);
});
});
</script>
</head>
<body>
<input type="text" val="">
<p></p>
<button id="btn1">remove last</button>
<button id="btn2">Insert after</button>
</body>
</html>
Простой