Tenho um select:
<select class="form-control" id="dataInstalacao">
<option value="0/0" selected disabled>Quando podemos instalar?</option>
<option value="6/9">6/9</option>
<option value="7/9">7/9</option>
<option value="8/9">8/9</option>
<option value="9/9">9/9</option>
</select>
Eu uso o seguinte código para adicionar mais options :
var newOption = new Option("teste", data.id, false, false);
$('#dataInstalacao').append(newOption).trigger('change');
O que acontece é que o quando inspeciono o elemento, o novo option está lá, mas o que é exibido na tela é uma lista UL>LI
e o select tem display:none
e essa lista não contem o novo item.
Como devo prosseguir?
$('#dataInstalacao').append(new Option('Foo', 'foo', true, true));