Triggers Ejemplos

Funcionan de Lujo

by Juan Muñoz

HTML

<input type="button" value="aceptar" id='aceptar'>
<select title="Empresa" id="empresa" class="styled-select" name="empresas"> 
                <option value="#" selected="" disabled=""> Empresa </option> 
                <option value="76160442-2"> ABOGADOS DEL MAULE</option><option value="76680800-K"> ADMINISTRADORA DE BIENES INMUEBLES LTDA.</option><option value="76157090-0"> AGRICOLA EL ALMENDRO LTDA.</option><option value="76389930-6"> AGRÍCOLA EL ESFUERZO LTDA.</option><option value="77741460-7"> AGRICOLA EL PERAL LTDA.</option><option value="78632450-5"> AGRICOLA GANADERA Y FORESTAL FUNDO EL GUINDO LTDA.</option><option value="76434389-1"> AGRICOLA LAS ROCAS LTDA.</option><option value="78833810-4"> AGRÍCOLA LONCOMILLA LTDA.</option><option value="76186230-8"> AGRÍCOLA LOS ROBLES LTDA.</option><option value="9663898-K"> AGRÍCOLA PORTO FINO S.A.</option><option value="77849570-8"> AGRÍCOLA SANTA CATALINA LTDA.</option><option value="89885100-1"> AGRÍCOLA Y COMERCIAL HUARACULÉN LTDA.</option><option value="76043323-3"> AGRÍCOLA Y FORESTAL MIRA RIO LTDA.</option><option value="5482402-5"> AGUSTÍN DEL CARMEN FUENTES ZAMORANO</option><option value="76081446-6"> ALBERTO JARA  HIJOS LTDA.</option><option value="76301741-9"> ALEJANDRA BIANCHI ATHANACIU CUTIVO DE PLANTAS E.I.R.L.</option><option value="12521053-8"> ALFONSO JOSÉ BARRIENTOS POZO</option><option value="76340432-3"> ALMA COMUNICACIONES SOCIEDAD DE RESPONSABILIDAD LIMITADA</option><option value="5796871-0"> ANATOLIO SEGUNDO ALBORNOZ VARGAS</option><option value="76404580-7"> ASESOR?AS FORESTALES S.A.</option><option value="76053424-2"> AUDITORES Y ABOGADOS ASOCIADOS LTDA.</option><option value="76437236-0"> AUTOMOTRIZ Y NAUTICA SPA</option><option value="77660180-2"> B&amp;B SOFTWARE SA</option><option value="76334311-1"> BANANA LOGISTICS SPA</option><option value="3828580-7"> BLANCA HERMINIA LEPPE CORVALAN</option><option value="76304460-2"> BRAVO CONSTRUCCIONES LTDA.</option><option...

CSS

.contenido{
        display: none;
    }
    .styled-select  {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 16px;
    border-radius: 20px;
    height: 34px;
    -webkit-appearance: none;
    }
    .styled-select:focus{
        outline: none;
        
    }
    .button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
    }
    
    .button1 {background-color: #4CAF50;} /* Green */
    .button2 {background-color: #008CBA;} /* Blue */
    .button3 {background-color: #f44336;} /* Red */ 
    .button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
    .button5 {background-color: #555555;} /* Black */
    
     table{
        margin: 0 auto;
    }
    .zui-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    height: 200px;
    width: 50%;
    overflow-y: scroll;
}
.zui-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.zui-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}
.zui-table-highlight-all {
    overflow: hidden;
    z-index: 1;
}
.zui-table-highlight-all tbody td, .zui-table-highlight-all thead th {
    position: relative;
}
#contents {
  position:absolute;
    display: none;
}
#result{
  width:100%;
  height: 100%;;
}

JavaScript

var empresa = 0;
$(document).ready(function (){
  $('#empresa').change(function (){
    capturaEmpresa(this.value);
  });
  $('#aceptar').click(function (){
  	alert("HOLA QE TAL")
  })
  $('#empresa').val('76389930-6').trigger('change')
})

function capturaEmpresa(valor_empresa) {
  if ( valor_empresa === '#' || typeof(valor_empresa) === "undefined" ){
    $('#empresa').focus();
  }else{
    empresa = valor_empresa;
    $('.empresa').each(function (){
      $(this).html(empresa);
    })
  }
}