動態添加/刪除表單元素W/MySQL支持

我想創建頁面，用戶可以添加&刪除「soliders」。動態添加/刪除表單元素W/MySQL支持

我正在尋找這樣的事情：

[Text-box][Delete] 
[Text-box][Delete] 
[Add-Solider]

而且我希望它支持MySQL，因此用戶可以在以後更改值。我一直在尋找，但我似乎無法找到任何與MySQL的支持。它也應該有一個最大金額。

有沒有人處理過類似的事情？我將不勝感激任何幫助！

來源

2012-03-15 Mats Bakken

我給這裏添加一個例子和刪除元素。

<html> 
<head> 
<title>Add Element</title> 
<script language="javascript"> 
this.num = 1; 
function addElement(){ 
$top = document.getElementById('top'); 
newId = document.createElement('div'); 
id = 'my'+this.num; 
newId.setAttribute('id', id); 
newId.innerHTML = "<a href='javascript:void(0); ' onclick='removedThis("+id +")' >Added Element"+id+"</a>"; 
$top.appendChild(newId); 
this.num++; 
} 
function removedThis(id){ 
var d = document.getElementById('top'); 
d.removeChild(id); 
} 
</script> 
</head> 
<body> 
<input type="button" name="button" value="Add Element" onclick="addElement()" /> 
<div id="top" ></div> 
</body> 
</html>

參考：javascript/php/mysal

來源

2012-03-15 13:03:39 antonjs

我在這裏給出一個jQuery的例子。然後你可以將<div id="boxes">保存到mysql中並再次導入。

jQuery的

<script type="text/javascript"> 
    $(function() { 
     $("#add_new").click(function() { 
      var box = $("<div>[Text-box]<a class=\"del\" href=\"javascript:void;\">[Delete]</a></div>"); 
      $("#boxes").append(box); 
      $(box).find(".del").click(function() { 
       $(box).remove(); 
      }); 
     }); 
    }); 
</script>

HTML：

<div id="boxes"></div> 
<button id="add_new">[Add-Solider]</button>

來源

2012-03-15 12:58:22 M1K1O

動態添加/刪除表單元素W/MySQL支持

回答

相關問題