我正在制作一個(gè)類似于具有多個(gè)步驟的表單的頁(yè)面。但在此之前，我從之前的表單中取出一個(gè)數(shù)字 N，它代表表單的步驟數(shù)。每個(gè)步驟都需要一個(gè)“tab”類的特定 div。現(xiàn)在，我需要使用 Javascript 或 PHP 來(lái)將主 div 復(fù)制 N 次。<form id="regForm" action="/action_page.php"> <!-- One "tab" for each step in the form: --> <div class="tab"> <h1>Register:</h1> Name: <p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p> <p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p> </div> </form>
2 回答
RISEBY
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
此代碼克隆 div N 次
<html>
<body>
<div class="tab" id="id0">
<p>Test Tab</p>
</div>
<script>
// Get the element
var elem = document.querySelector('#id0');
//set n to the value form the previous page
var n = 10;
var i;
for (i = 1; i < n; i++) {
// Create a copy of it
var clone = elem.cloneNode(true);
// Update the ID
clone.id = "id" + n;
// Inject it into the DOM
elem.after(clone);
}
</script>
</body>
</html>
12345678_0001
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
您可以占用一個(gè) for 并重復(fù)您使用 POST 或 GET 帶來(lái)的步驟數(shù)的 div
<!-- One "tab" for each step in the form: -->
<?php
$divs = $_POST('number_divs');
for ($i = 1; $i <= $divs; $i++) {
?>
<div class="tab">
<h1>Register:</h1>
Name:
<p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p>
<p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p>
</div>
<?php } ?>
- 2 回答
- 0 關(guān)注
- 172 瀏覽
添加回答
舉報(bào)
0/150
提交
取消