私はユーザーが& "soliders"を削除するページを作成しようとしています。動的にフォーム要素を追加/削除するmysqlサポート
私はこのような何かを探しています：
[Text-box][Delete]
[Text-box][Delete]
[Add-Solider]
そして、私はそれがMySQLをサポートするので、ユーザーが後で値を変更することができます。 私は検索してきましたが、私はmysql-supportで見つけることができません。 また、最大量が必要です。
これまでに似たようなことをしたことがありますか？私は大いに助けていただければ幸いです！
私はここの追加と削除の要素の例を与えます。
<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>
ここではjQueryの例を示します。その後、mysqlに<div id="boxes">を保存して再度誘導することができます。
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>