Поле динамической формы в начальной загрузке

Я искал много решений, но не смог найти точного решения для моей формы начальной загрузки.

У меня есть код ниже. Я хочу поставить (+) рядом с полем ввода и добавить новое поле с (-) для удаления.

Все примеры выполнены с бутстрапом без использования группы форм. Но мой случай формирует группу. Как я могу это сделать?

Я использую версию бутстрапа 3.3.6.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

<div class="form-horizontal">
  <div class="form-body">
    <div class="form-group">
      <label class="control-label col-md-3">Pickup Time</label>
      <div class="col-md-4">
        <div class="input-group">
          <input type="text" class="form-control"/>
        </div>
        <span class="help-block">Enter the pickup time </span>
      </div>
    </div>
  </div>
  <div class="form-actions right">
    <div class="row">
      <div class="col-md-offset-3 col-md-9">
        <button type="button" class="btn btn-default prev-step">Previous</button>
        <button type="button" class="btn default">Cancel</button>
        <button type="button" class="btn btn-primary next-step blue">
          <i class="fa fa-check"></i>Save and Continue
        </button>
        <button type="button" class="btn btn-primary next-step">Next</button>
      </div>
    </div>
  </div>
</div>


person JosePinheiro    schedule 08.02.2016    source источник


Ответы (1)


person    schedule
comment
Большое спасибо. Когда я внедряю шаблон администратора metronic, он не работает. Проблема с этим шаблоном. - person JosePinheiro; 08.02.2016
comment
У вас есть общедоступный URL-адрес вашего проекта, поэтому я посмотрю на него? - person Mosh Feu; 08.02.2016
comment
Поместите скрипт в конец body или оберните его $(document).ready - person Mosh Feu; 08.02.2016
comment
если я использую такую ​​кнопку ‹span class=input-group-btn› ‹button id=plus class=btn btn-success add-field type=button› ‹i class=glyphicon glyphicon-plus›‹/i› ‹/ кнопка› ‹/диапазон› - person JosePinheiro; 09.02.2016
comment
если я использую это, он удаляет только кнопку. Не удаляет текстовое поле. Я думаю, мне нужно внести изменения здесь $(this).parent().remove(); но как? - person JosePinheiro; 09.02.2016
comment
Пожалуйста, дайте мне общедоступный URL-адрес еще раз, чтобы я мог взглянуть на него, - person Mosh Feu; 09.02.2016
comment
Замените $(this).parent().remove(); на $(this).parents('.input-group').first().remove(); - person Mosh Feu; 09.02.2016
comment
большое спасибо по тому же URL-адресу, у меня есть случай с 2 ​​выпадающими списками. Если у меня есть более одного места для динамического добавления полей. - person JosePinheiro; 09.02.2016
comment
Вы хотите, чтобы на странице были группы Dynamic filed trying+Time? - person Mosh Feu; 09.02.2016