Сообщение от ksa
|
Если это все в форме - у формы есть метод reset()! 
|
Нет, не в форме. Тег <form> вообще не используется. Там JS всем рулит, через элементы DOM.
Для наглядности:
Код "чистого div'а":
|
Код:
|
<div id="ffcDiv" class="form dn">
<div class="divTitle">Менеджер:</div>
<div id="ffcManagerName" class="divString">E-mail менеджера</div>
<input id="ffcClientName" class="inputStringLong" name="clientName" type="text" placeholder="ФИО"/><br/>
<input id="ffcClientAddress" class="inputStringLong" type="text" placeholder="Адрес"/><br/>
<div id="ffcPostIndex" class="divString">Почтовый индекс (появится сам)</div>
<input id="ffcClientPhone1" class="inputStringWithBtn" type="text" placeholder="Телефон"/>
<button id="ffcBtnCall1" class="inputStringBtn" type="button">▶</button><br/>
<input id="ffcClientPhone2" class="inputStringWithBtn" type="text" placeholder="Дополнительный телефон (только цифры)"/>
<button id="ffcBtnCall2" class="inputStringBtn" type="button">▶</button><br/>
<div class="divTitle">Комментарии к звонку (если были):</div>
<div id="ffcCallCommentBlock"></div>
<select id="ffcCallResult" class="inputStringLong"></select><br/>
<textarea id="ffcCallComment" class="commentBlock" placeholder="Комментарий к звонку"></textarea>
<div class="divTitle">Доставка:</div>
<div id="ffcDelivery" class="divBlock">
<div id="ffcDeliveryLeft" class="ffcDeliveryLeft">
<input id="ffcBtnPost" name="delivery" value="post" type="radio" checked/>Почта<br/>
<input id="ffcBtnCourier" name="delivery" value="courier" type="radio"/>Курьер<br/>
<input id="ffcBtnPickup" name="delivery" value="pickup" type="radio"/>Самовывоз<br/>
</div>
<div id="ffcDeliveryPrice" class="ffcDeliveryPrice">400</div>
<div style=" width:100%; height:1px; clear:both;"></div>
</div>
<div id="ffcCourierDiv" class="divBlock dn">
<div id="ffcCourierCity">Город клиента (заполняется автоматически)</div>
<input id="ffcCourierMetro" class="inputStringWithBtn dn" type="text" placeholder="Станция метро"/>
<input id="ffcCourierDate" type="date" /><br />
<select id="ffcCourierTime">
<option value="10:00 - 15:00">10:00 - 15:00</option>
<option value="10:00 - 18:00">10:00 - 18:00</option>
<option value="10:00 - 22:00">10:00 - 22:00</option>
<option value="15:00 - 20:00">15:00 - 20:00</option>
<option value="18:00 - 22:00">18:00 - 22:00</option>
</select>
</div>
<div id="ffcPickupDiv" class="divBlock dn">
Рязанский проспект 52А<br/>
Метро- Рязанский Проспект<br/>
С понедельника по пятницу с 11:00 до 21:00<br/>
В субботу с 12:00 до 17:00<br/>
Воскресенье – выходной<br/>
<input id="ffcPickupDate" type="date"/><br />
<select id="ffcPickupTime">
<option value="10:00 - 15:00">10:00 - 15:00</option>
<option value="10:00 - 18:00">10:00 - 18:00</option>
<option value="10:00 - 22:00">10:00 - 22:00</option>
<option value="15:00 - 20:00">15:00 - 20:00</option>
<option value="18:00 - 22:00">18:00 - 22:00</option>
</select>
</div>
<!--Сюда скрипт вставит список групп товаров и блоки с товарами-->
<div id="ffcGood">
<select id="ffcGoodFamily" class="inputStringLong"></select>
</div>
<input id="ffcSale" class="inputStringLong" type="text" placeholder="Скидка (целое число)"/><br/>
<b>Итого:</b>  <input id="ffcBtnCalculatePrice" type="button" value="Посчитать"/>
<div id="ffcTotalPrise" class="divString">Пока считается по кнопке "Посчитать"</div>
<input id="ffcBtnSave" type="button" value="Сохранить"/>
<input id="ffcBtnCancel" type="button" value="Отмена"/>
</div> |
Код после заполнения и отработки всех скриптов:
|
Код:
|
<div id="ffcDiv" class="form dn" style="display: block;">
<div class="divTitle">Менеджер:</div>
<div id="ffcManagerName" class="divString">CallCenter_01</div>
<input id="ffcClientName" class="inputStringLong suggestions-input" name="clientName" type="text" placeholder="ФИО" autocomplete="off" style="box-sizing: border-box; padding-right: 1px;"><div class="suggestions-wrapper"><div class="suggestions-suggestions" style="position: absolute; left: -499px; top: 20px; width: 499px; display: none;"></div><span class="suggestions-addon" data-addon-type="spinner" style="left: -20px; top: 2px; height: 18px; width: 18px; display: none; opacity: 0;"></span><ul class="suggestions-constraints" style="left: -496px; top: 11px;"></ul></div><br>
<input id="ffcClientAddress" class="inputStringLong suggestions-input" type="text" placeholder="Адрес" autocomplete="off" style="box-sizing: border-box; padding-right: 1px;"><div class="suggestions-wrapper"><div class="suggestions-suggestions" style="position: absolute; left: -499px; top: 20px; width: 499px; display: none;"></div><span class="suggestions-addon" data-addon-type="spinner" style="left: -20px; top: 2px; height: 18px; width: 18px; display: none; opacity: 0;"></span><ul class="suggestions-constraints" style="left: -496px; top: 11px;"></ul></div><br>
<div id="ffcPostIndex" class="divString">633454</div>
<input id="ffcClientPhone1" class="inputStringWithBtn" type="text" placeholder="Телефон">
<button id="ffcBtnCall1" class="inputStringBtn" type="button">▶</button><br>
<input id="ffcClientPhone2" class="inputStringWithBtn" type="text" placeholder="Дополнительный телефон (только цифры)">
<button id="ffcBtnCall2" class="inputStringBtn" type="button">▶</button><br>
<div class="divTitle">Комментарии к звонку (если были):</div>
<div id="ffcCallCommentBlock">Пока нет ни одного комментария</div>
<select id="ffcCallResult" class="inputStringLong"><option value="-1">Результат звонка</option><option value="10">Подтвержден</option><option value="30">Перезвонить в ...</option><option value="31">Недозвон: занято</option><option
... Все не влезло кусок убрал ...
<div id="ffcPickupDiv" class="divBlock dn" style="display: none;">
Рязанский проспект 52А<br>
Метро- Рязанский Проспект<br>
С понедельника по пятницу с 11:00 до 21:00<br>
В субботу с 12:00 до 17:00<br>
Воскресенье – выходной<br>
<input id="ffcPickupDate" type="date"><br>
<select id="ffcPickupTime">
<option value="10:00 - 15:00">10:00 - 15:00</option>
<option value="10:00 - 18:00">10:00 - 18:00</option>
<option value="10:00 - 22:00">10:00 - 22:00</option>
<option value="15:00 - 20:00">15:00 - 20:00</option>
<option value="18:00 - 22:00">18:00 - 22:00</option>
</select>
</div>
<!--Сюда скрипт вставит список групп товаров и блоки с товарами-->
<div id="ffcGood">
<select id="ffcGoodFamily" class="inputStringLong"><option value="Desire_Pheromone">Desire_Pheromone</option><option value="Valgus_Pro">Valgus_Pro</option></select>
<div id="Desire_Pheromone" class="divBlock" style="display: block;"><input type="checkbox" name="Desire_Pheromone" value="Desire_Pheromone_5_ml_990" goodid="0"><span>5 мл цена 990<br></span><input type="checkbox" name="Desire_Pheromone" value="Desire_Pheromone_10_ml_1290" goodid="1"><span>10 мл цена 1290<br></span><input type="checkbox" name="Desire_Pheromone" value="Desire_Pheromone_10_ml_2970" goodid="2"><span>10 мл цена 2970<br></span><input type="checkbox" name="Desire_Pheromone" value="Desire_Pheromone_20_ml_3960" goodid="3"><span>20 мл цена 3960<br></span><input type="checkbox" name="Desire_Pheromone" value="Desire_Pheromone_5_+_5_ml_1980" goodid="4"><span>5 + 5 мл цена 1980<br></span></div><div id="Valgus_Pro" class="divBlock" style="display: none;"><input type="checkbox" name="Valgus_Pro" value="Valgus_Pro_1_pcs_990" goodid="0"><span>1 шт цена 990<br></span><input type="checkbox" name="Valgus_Pro" value="Valgus_Pro_2_pcs_1980" goodid="1"><span>2 шт цена 1980<br></span><input type="checkbox" name="Valgus_Pro" value="Valgus_Pro_3_pcs_2780" goodid="2"><span>3 шт цена 2780<br></span><input type="checkbox" name="Valgus_Pro" value="Valgus_Pro_4_pcs_3580" goodid="3"><span>4 шт цена 3580<br></span></div></div>
<input id="ffcSale" class="inputStringLong" type="text" placeholder="Скидка (целое число)"><br>
<b>Итого:</b> <input id="ffcBtnCalculatePrice" type="button" value="Посчитать">
<div id="ffcTotalPrise" class="divString">1290 + 300 - 120 = 1470</div>
<input id="ffcBtnSave" type="button" value="Сохранить">
<input id="ffcBtnCancel" type="button" value="Отмена">
</div> |
Как видно и радиобаттоны переставлены и селекты не первоначальные и спрятанные поля отображены и штук 100 новых элементов DOM создано. Вот это все надо как-то по умному почистить и вернуть к "чистому виду"
