Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > PHP: Общие вопросы > Добавления формы по нажатию кнопки


Автор: XpoHuk 21.6.2012, 07:09
Здравствуйте, подскажите как сделать кнопку по нажатию на которую будет копироваться вся форма, уточню не текст в ней, а именно вся форма (тоесть создаётся автоматически новая форма).

 Код формы:

Код

<form name="forma1" method="POST">
<table border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td>Сторона A</td>
            <td>Сторона B</td>
            <td>Длина L</td>
            <td>Цена за кв.м</td>
            <td>Площадь</td>
            <td>Стоимость</td>
        </tr>
        <tr>
            <td><input type="number" name="A1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="B1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="L1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="cena1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="text" size="8" maxlength="8" name="res1"></td>
            <td><input type="text" size="8" maxlength="8" name="rescena1"></td>
        </tr>
    </tbody>
</table>
   <input type="button" value="Вычислить" onClick="areaOfTriangle1(forma1);">
   <input type="reset" value="Отменить">
</form>


ЗЫ: так как я начинающий в этом прошу опишите поподробнее.

Автор: StachelDraht 21.6.2012, 07:57
jquery ?

Автор: XpoHuk 21.6.2012, 09:02
Ну я рассчитывал на php, но если знаешь ответ на другом языке - предлагай smile

Автор: Aliance 21.6.2012, 11:34
http://jsfiddle.net/Aliance/JwC2a/

Автор: XpoHuk 22.6.2012, 01:20
Цитата(Aliance @ 21.6.2012,  11:34)
http://jsfiddle.net/Aliance/JwC2a/

что-то я не так делаю?
Не работает кнопка


Код

<form name="forma1" method="POST">
<table border="1" cellpadding="1" cellspacing="1">
    <tbody>
     <tr>
            <td>Сторона A</td>
            <td>Сторона B</td>
            <td>Длина L</td>
            <td>Цена за кв.м</td>
            <td>Площадь</td>
            <td>Стоимость</td>
        </tr>
        <tr>
            <td><input type="number" name="A1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="B1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="L1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="number" name="cena1" value="0" min="0" max="4000000" step="0.001"></td>
            <td><input type="text" size="8" maxlength="8" name="res1"></td>
            <td><input type="text" size="8" maxlength="8" name="rescena1"></td>
        </tr>
    </tbody>
</table>
   <input type="button" value="Вычислить" onClick="areaOfTriangle1(forma1);">
   <input type="reset" value="Отменить">
</form>
<button>Добавить форму</button>
<script>
$('button').on('click', function() {
    var $form = $('form').eq(0);
    $form.clone().insertAfter($form);
}); 
</script>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)