Динамически добавлять / удалять элементы формы с поддержкой MySQL - PullRequest
Новая
       2

Динамически добавлять / удалять элементы формы с поддержкой MySQL

0 голосов
/ 15 марта 2012

Я пытаюсь создать страницу, где пользователь может добавлять и удалять «солдаты».

Я ищу что-то вроде этого: 

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

И я хочу, чтобыПоддержка MySQL, так что пользователь может изменить значения позже.Я искал, но я не могу найти ни одного с поддержкой MySQL.Он также должен иметь максимальную сумму.

Кто-нибудь из вас сталкивался с чем-то подобным раньше?Буду очень признателен за любую помощь!

Ответы [ 2 ]

0 голосов
/ 15 марта 2012

Я привожу здесь пример для добавления и удаления элементов. 

<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

0 голосов
/ 15 марта 2012

Я привожу здесь пример 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...