在php中動態添加li和ul標籤

Question

我想編寫一個代碼，用戶可以動態方便地製作menue，他們想要的子菜單和... 我的代碼的一部分是讓li和ul動態標記。 有一個li，並且用戶將添加更多與兩個複選框。 其中的一個在李的右側，另一個在伯頓。如果用戶檢查了正確的那個，這意味着他們想爲該li做一個ul（就像我說的那樣，添加的li應該有兩個複選框），當選擇最下面的一個時，它會向li添加另一個li（他們是在一個獨特的ul標籤） 和用戶可以添加任何部分所需的。但我不知道如何添加這些，直到用戶點擊取消按鈕。 我是新來的PHP，我已經堅持了這部分天！ 的代碼是這樣的：

<?php 
echo "<form action=\"index.php\" method=\"post\">"; 
echo "<input type=\"submit\" id=\"box4\" value=\"cancel\" name=\"cancel\">"; 
echo"<ul>"; 
echo"<li>"; 
echo"<input type=\"checkbox\" size=\"10\" id=\"box1\" name=\"right\">"; 
echo"</li>"; 
echo"<input type=\"checkbox\" size=\"10\" id=\"box2\" name=\"bottom\"></li>"; 
echo "</ul>"; 
echo "<input type=\"submit\" id=\"box3\" value=\"submit\" name=\"submit\">"; 
echo "</form>"; 

if(isset($_POST[$submit]) 
if(isset($_POST[$right]) 
dynamically create a ul (and a li in it with two checkboxes) for that li 
if(isset ($_POST[bottom]) 
dynamically add a li with two chekboxes for that ul, under that existing li 
?> 

Answer 1

雖然任何JavaScript樹插件使用複選框支持應該工作。 jquery-tree。它可以從json或li/ul樹生成樹結構。當然，它需要將jquery包含到您的頁面中。