У меня есть базовая c html форма, которую пользователь заполняет, но затем у меня есть возможность добавить, купил ли клиент недвижимость. Когда они нажимают кнопку добавления свойства, она добавляет форму ниже с jQuery в исходную форму. Пользователь может выбрать добавление более одного свойства.
Каков наилучший способ обработки этого сообщения?
<div id="ProperySection" class="Property">
<h5>Sales Info</h5>
<div class="form-row">
<div class="form-group col-md-4">
<label for="SaleType">Sale Type</label>
<select class="form-control">
<option>SMSF</option>
<option>Direct Sale</option>
</select>
</div>
<div class="form-group col-md-4">
<label for="SaleDate">Sale Date</label>
<input type="date" class="form-control" id="SaleDate" required>
</div>
<div class="form-group col-md-4">
<label for="PropertyAddress">Property Address</label>
<input id="PropertyAddress" class="form-control" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="SaleOffice">Office</label>
<input id="SaleOffice" class="form-control" required>
</div>
<div class="form-group col-md-6">
<label for="PropertySpecialist">Property Investment Specialist</label>
<input id="PropertySpecialist" class="form-control" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-3">
<label for="ClientManager">Client Manager</label>
<input id="ClientManager" class="form-control" required>
</div>
<div class="form-group col-md-3">
<label for="LeadSource">Lead Source</label>
<input id="LeadSource" class="form-control" required>
</div>
<div class="form-group col-md-3">
<label for="LandVendor">Land Vendor</label>
<input id="LandVendor" class="form-control" required>
</div>
<div class="form-group col-md-3">
<label for="Builder">Builder</label>
<input id="Builder" class="form-control" required>
</div>
</div>
</div>
<div>