Carregar Combo box ao perder focus em campo texto

Carregar Combo box ao perder focus em campo texto

by Angelo Rogério Rubin

HTML

<div class="container-fluid">
    <div class="col-sm-4">
    <form class="form-inline" role="form">
        <div class="col-xs-4 col-sm-4">
            <input type="text" class="form-control" id="txtCodigo" placeholder="código da cidade">
        </div>
        <div class="col-xs-4">
            <select name="listBoxCidade" id="listBoxCidade" class="form-control">
            </select>
        </div>
        <div class="col-xs-2">
                <button type="button" id="btn-buscar" class="btn btn-default">Buscar</button>
        </div>
    </form>
    </div>
</div>

JavaScript

var codes = [0,1,2];
var cities = ['Rio Claro','São Paulo','Campinas'];
$('#listBoxCidade').hide();
$('#btn-buscar').on('click', function(){
    $('#listBoxCidade').empty();
    var code = $(this).val();
   $('#listBoxCidade').append(
       '<option>'+
           cities[code]+
       '</option>'
   );
$('#listBoxCidade').show();    
});