Colegas,
tenho um sistema onde o cliente ao clicar em um botão, abre um modal bootstrap para ele cadastrar uma matéria. Estou precisando fazer com que ao fazer o cadastro, o combox onde está as matérias seja atualizado.
Tentei o código abaixo:
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="background-color: #CF850F; color: #FFF; font-weight: bold">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Cadastrar nova matéria</h4>
</div>
<div class="modal-body">
<div class="form-group">
<form method="post" name="post" id="contact-form">
<div id="success"></div>
<label for="exampleInputEmail1">Matéria:</label>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
</div>
<input type="text" class="form-control" name="NovaMateria" maxlength="150" id="novovalor">
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-warning" data-dismiss="modal" id="submit"><i class="fa fa-floppy-o fa-lg" aria-hidden="true"></i> Salvar</button> <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
Quando coloco campo texto e coloco o código comentado, funciona:
<script>
// Atualizar
/* $(function(){
$("#submit").click(function(){
$("#materia").val($("#novovalor").val());
});
});
*/
$(document).ready(function(){
$("#submit").click(function(){
$('#novovalor').change(function(){
$('#materia').load($('#novovalor').val());
});
});
});
</script>
E o combox:
<select name="Materias" class="form-control select2" id="materia" data-placeholder="Selecione a matéria" style="width: 100%;">
............
</select>
$("#materia").append("<option value='" + id_novovalor + "'>" + novovalorretornadodomodal + "</option>");