Question

我正在尝试创建用户可以添加＆amp;删除“soliders”。

我正在寻找类似的东西：

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

我希望它支持mysql，因此用户可以稍后更改值。我一直在寻找，但我似乎无法找到任何与mysql支持。它也应该有最大数量。

你们中有没有人曾经处理过类似的事情吗？我非常感谢任何帮助！

Answer 1

我在这里给出一个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>

Answer 2

我在这里给出一个Add和Remove元素的例子。

<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

使用/ mysql支持动态添加/删除表单元素

2 个答案: