<div class="modal fade bs-example-modal-lg" id="myModal"  role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header" >
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">BUSCADOR</h4>
            </div>
            <div class="modal-body">
                <div class="col-md-3">
                    <select name="tipo" id="tipo" class="form-control name_list input-sm" onchange='load(1);'>
                        <option value="entrada">ENTRADA</option>
                        <option value="salida">SALIDA</option>
                        <!--<option value="detallados">DETALLADO</option>-->
                    </select>
                </div>
                <div class="col-md-9">
                    <div class="input-group">
                        <input [focus]='true' type="text" class="form-control input-sm" id="q" placeholder="Codigo o Nombre" onkeyup="load(1)" autocomplete="off" >
                        <span class="input-group-addon">
                            <a href="#" onclick="limpiar_buscador()" type='button'  ><i class="btn-icon-only icon-remove"></i> Limpiar</a>
                        </span> 
                    </div>
                </div>
                </br></br>
                <div id="loader" style="position: absolute; text-align: center; top: 55px;  width: 100%;display:none;"></div>
                <div class="outer_div" ></div>
            </div>
        </div>
    </div>
</div>      
<script>
$('#myModal').on('shown.bs.modal', function() {
    $("#q").focus();
});
</script> 
<script type="text/javascript">
function limpiar_buscador() {
$('input[type="text"]').val('');
load(1);
$("#q").focus();

}
</script>    