JSFiddle - React, Tailwind, and code Playground
by rbastida
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<body>
<div class="container cima" id="container1">
<div class="col-sm-12">
<div class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">
<i class="fa fa-sign-in"></i> Cadastra Reunião Preenchimento de Vagas
</div>
<div style="float:right; font-size: 85%; position: relative; top:-10px"><a id="signinlink" href="#" onclick="$('#registerbox').hide(); $('#loginbox').show()">Logar</a></div>
</div>
<div class="panel-body" >
<form id="certameForm" class="form-horizontal" method="POST" action="cadastraReuniaoPreenchimentoVagas.php">
<div id="registeralert" style="display:none" class="alert alert-danger">
<p>Error:</p>
<span></span>
</div>
<div id="bloco">
<div class="form-group">
<div class="col-sm-11 inputGroupContainer">
<label for="cd_ident_crg" class="col-sm-2 control-label">Cargo</label>
<div class="col-sm-4">
<select class="form-control" id="cd_ident_crg" name="cd_ident_crg">
<option value="0">Selecione um Cargo</option>
</select>
</div>
<label for="id_certame" class="col-sm-2 control-label">Edital</label>
<div class="col-sm-3">
<select class="form-control" id="id_certame" name="id_certame">
<option value="0">--Selecione o Edital--</option>
</option>
</select>
</div>
</div>
</div>
<!--...
JavaScript
var iCnt = 1;
$('#btClone').on('click', function () {
$('#bloco')
.clone()
.appendTo('#container2');
$('#cd_ident_crg')
.last()
.attr('id', 'cd_ident_crg' + iCnt);
iCnt = iCnt + 1;
});