gpt4 book ai didi

用户输入数据的 Javascript CLONE 元素

转载 作者:行者123 更新时间:2023-11-28 15:09:36 25 4
gpt4 key购买 nike

当我点击 ADD 按钮时,它出现在波纹管中的文本,但它出现在同一列中。这是2个输入字段。

  1. i have used : <input id="accordion_input" type="text"/>

  2. another one is : <div id="accordion_body" class="panel-body"></div>

enter image description here

所以我想,如果我填满 inputdiv 区域并点击 ADD 按钮,那么我应该出现,如果我点击添加按钮然后第二次它应该是 CLONE 第一个输入数据。数据必须显示在每个克隆部分的不同列中,而不是在同一列中!就像下面的快照:

enter image description here

			$(document).ready(function() {
$('#Add_btn').click(function() {
$('#accordion_body').append($('#editableDiv').html());

var x = $("#accordion_input").val();
$("#accordion_title").append(x);
});
});
<html>
<head>
<title>404</title>
</head>

<body>
<input id="accordion_input" type="text">
<div id="editableDiv" contenteditable=""></div><br/>
<div id="acc_main" contenteditable="false" class="accordion-main">
<div class="panel-group trash_removed" id="accordion" role="tablist" aria-multiselectable="true" contenteditable="false">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne" contenteditable="false">
<h4 class="panel-title">
<a id="accordion_title" style="display: block"></a>
</h4>


<div id="expandingCol" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" style="display: block">
<div id="accordion_body" class="panel-body"></div>

</div>
</br>

</div>
</div>
</div>
</div>
<button id="Add_btn">Add</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

</body>
</html>

最佳答案

将内容包装在 <p> 中标记或插入 <br/>每一个之后。

关于用户输入数据的 Javascript CLONE 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52879842/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com