Блог

Я создал форму, и у меня есть объект, который я хочу создать, который зависит от выбора выпадающего списка, отображающего разный стиль формы для одного объекта

например, в JS

 var firsttype=<div class="form-row form-group">
    <div class="col-sm-3 col-md-3">
        {{ form_label(form.line1, "Passport Line 1", {"label_attr": {"class": "control-label"} }) }}
    </div>            
    <div class="col-sm-3 col-md-3 controls">
        {{ form_errors(form.line1) }}
        {{ form_widget(form.line1) }}
    </div>
</div>
<div class="form-row form-group ">
    <div class="col-sm-3 col-md-3">
        {{ form_label(form.line2, "Passport Line 2", {"label_attr": {"class": "control-label"} }) }}
    </div>
    <div class="col-sm-3 col-md-3 controls">
        {{ form_errors(form.line2) }}
        {{ form_widget(form.line2) }}
    </div>
</div>
<div class="form-row form-group ">
    <div class="col-sm-3 col-md-3">
        {{ form_label(form.nameOnDocument, "Name on Document", {"label_attr": {"class": "control-label"} }) }}
    </div>
    <div class="col-sm-3 col-md-3 controls">
        {{ form_errors(form.nameOnDocument) }}
        {{ form_widget(form.nameOnDocument, {"attr" : { "class": "form-control"} }) }}
    </div>
    <div class="col-sm-3 col-md-2 col-md-offset-1">
        {{ form_label(form.expireDate, "Expiry Date", {"label_attr": {"class": "control-label"} }) }}
    </div>
    <div class="col-sm-3 col-md-3 controls">
        {{ form_errors(form.expireDate) }}
        {{ form_widget(form.expireDate, {"attr" : { "class": "form-control" } }) }}
    </div>              
</div>
  

такие разные стили и меняют другой стиль на форму, зависят от выпадающего списка

 $('.form_type').html(firsttype);
  

Потому что, если выбрать 1, вам нужно просмотреть всю информацию, если выбрать 2, просто добавьте простую информацию