Вместо div форма и обратно

 
0
 
JavaScript
ava
klulena | 19.08.2016, 18:10
Добрый день. Помогите, пожалуйста. Я в этом деле новичок и изъясняюсь не очень )).

Есть таблица и при нажатии кнопки Добавить появляется форма. После заполнения при нажатии Отправить должна появиться обратно таблица с уже добавленной строкой.

Делала с помощью replaceWith() все хорошо, когда я нажимаю на Добавить появляется форма. А вот когда нажимаю Отправить, таблица обратно не появляется. Судя по всему она удаляется. Как лучше сделать, чтобы обратно появлялась таблица.


<form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
 </form>


        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>
Ответы (2)
ava
igorold | 19.08.2016, 18:39 #
Не увидел у вас в верстке ничего, что называлось бы "Добавить"
ava
klulena | 22.08.2016, 10:08 #
Цитата (igorold @ 19.8.2016,  18:39)
Не увидел у вас в верстке ничего, что называлось бы "Добавить"



Этот ответ добавлен с нового Винграда - http://vingrad.com

<div class="content-sprav-center">

    <div id="formFirms">
        <form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
        </form>
    </div>


    <div id="tableFirms">
    <h2>Справочник фирм</h2>

        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>
    </div>
</div>

<div class="content-sprav-right">
    <a class="show-btn" id="show-btn-add">Добавить </a>
    <a class="show-btn" id="show-btn-update">Изменить </a>
    <a class="show-btn" id="show-btn-delete">Удалить </a>
</div>
Зарегистрируйтесь или войдите, чтобы написать.
Фирма дня
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Участники
advanced
Отправить