Skip to main content
Bumped by Community user
Troquei tag `script` -> `javascript`
Fonte Link
Icaro Martins
  • 4,3mil
  • 14
  • 24
  • 35

Olá estou tentando fazer um botão de remover um campo Dinâmico, meu Botão de adicionar o campo está funcionando pois precisava um para remover também até então tenho somente o botão a função não consegui cria lá Estou tentando fazer um botão de remover um campo Dinâmico, meu Botão de adicionar o campo está funcionando pois precisava um para remover também até então tenho somente o botão a função não consegui cria lá

<!-- Select Basic -->
        <form>
          <div class="form-group" id="testescript">
            <label class="col-md-4 control-label" for="txtgrupo">Tramox </label>
            <div class="col-md-2">
              <select id=teste class="form-control">
                <option>#</option>
                <option>#</option>
              </select>
            </div>
          </div>
          <div class="col-md-8">
            <button type="button" id="add-campo" class="btn btn-primary">Adicionar Campo</button>
            <button type="button" id="rm-campo" class="btn btn-primary">Remover Campo</button>
          </div>
        </form>

        <br>
    
        <script>
          $("#add-campo").click(function() {
    
            $("#testescript").append('<div class="col-md-2"><select id=cbPais class="form-control"><option>#</option><option>#</option>);
    
          });
    </script>

Olá estou tentando fazer um botão de remover um campo Dinâmico, meu Botão de adicionar o campo está funcionando pois precisava um para remover também até então tenho somente o botão a função não consegui cria lá

<!-- Select Basic -->
        <form>
          <div class="form-group" id="testescript">
            <label class="col-md-4 control-label" for="txtgrupo">Tramox </label>
            <div class="col-md-2">
              <select id=teste class="form-control">
                <option>#</option>
                <option>#</option>
              </select>
            </div>
          </div>
          <div class="col-md-8">
            <button type="button" id="add-campo" class="btn btn-primary">Adicionar Campo</button>
            <button type="button" id="rm-campo" class="btn btn-primary">Remover Campo</button>
          </div>
        </form>

        <br>
    
        <script>
          $("#add-campo").click(function() {
    
            $("#testescript").append('<div class="col-md-2"><select id=cbPais class="form-control"><option>#</option><option>#</option>);
    
          });
    </script>

Estou tentando fazer um botão de remover um campo Dinâmico, meu Botão de adicionar o campo está funcionando pois precisava um para remover também até então tenho somente o botão a função não consegui cria lá

<!-- Select Basic -->
        <form>
          <div class="form-group" id="testescript">
            <label class="col-md-4 control-label" for="txtgrupo">Tramox </label>
            <div class="col-md-2">
              <select id=teste class="form-control">
                <option>#</option>
                <option>#</option>
              </select>
            </div>
          </div>
          <div class="col-md-8">
            <button type="button" id="add-campo" class="btn btn-primary">Adicionar Campo</button>
            <button type="button" id="rm-campo" class="btn btn-primary">Remover Campo</button>
          </div>
        </form>

        <br>
    
        <script>
          $("#add-campo").click(function() {
    
            $("#testescript").append('<div class="col-md-2"><select id=cbPais class="form-control"><option>#</option><option>#</option>);
    
          });
    </script>
Fonte Link
user144273
user144273

Botão de Remover Campos Dinâmicos

Olá estou tentando fazer um botão de remover um campo Dinâmico, meu Botão de adicionar o campo está funcionando pois precisava um para remover também até então tenho somente o botão a função não consegui cria lá

<!-- Select Basic -->
        <form>
          <div class="form-group" id="testescript">
            <label class="col-md-4 control-label" for="txtgrupo">Tramox </label>
            <div class="col-md-2">
              <select id=teste class="form-control">
                <option>#</option>
                <option>#</option>
              </select>
            </div>
          </div>
          <div class="col-md-8">
            <button type="button" id="add-campo" class="btn btn-primary">Adicionar Campo</button>
            <button type="button" id="rm-campo" class="btn btn-primary">Remover Campo</button>
          </div>
        </form>

        <br>
    
        <script>
          $("#add-campo").click(function() {
    
            $("#testescript").append('<div class="col-md-2"><select id=cbPais class="form-control"><option>#</option><option>#</option>);
    
          });
    </script>