Preencher Select Com Valor do Input
Preencher Select Com Valor do Input Type=Text
by Angelo Rogério Rubin
HTML
<div class="container">
<div class="row">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-3">Código</label>
<div class="col-sm-6">
<input class="form-control" type="text" name="codigoentrega" id="codigoentrega" value="" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3">Fornecedores</label>
<div class="col-sm-6">
<select class="form-control" name="fornecedor" id="fornecedor"></select>
</div>
</div>
</form>
</div>
</div>
JavaScript
setTimeout(function() { document.getElementById('codigoentrega').focus(); }, 1000);
var fornecA = ['A','B','C'];
var fornecB = ['D','E','F'];
$('#fornecedor').hide().parent().prev().hide();
$('#codigoentrega').on('focusout', function(){
$('#fornecedor').empty();
var id = $(this).val();
if(id == 1) {
$.each(fornecA, function(i,v){
$('<option>'+v+'</option>').appendTo('#fornecedor');
});
$('#fornecedor').fadeIn().parent().prev().fadeIn('slow');
}
if(id == 2) {
$.each(fornecB, function(i,v){
$('<option>'+v+'</option>').appendTo('#fornecedor');
});
$('#fornecedor').fadeIn().parent().prev().fadeIn('slow');
}
});