title: Select2 auto trigger event change
body: <p>I have 4 select boxes, when I change the first one do some stuff like empty, append and SET the new value for the next one.</p>
  
  <p>Because I use select2 just can set it using $.select2('val','value');</p>
  
  <p>Just that command trigger the change event on the other select and do cascade of changes.</p>
  
  <p>Notice that .empty() and append() wont trigger (and i like that), even .val() should not trigger it, but when ure using select2 you can't access the new val using that.</p>
  
  <p>Code here:</p>
  
  <pre><code>function anidado(selectorOrigen,selectorDestino) {
    id = selectorOrigen;
    alert(id);
    destino = "#"+selectorDestino;
    valor = $('#'+id).find(":selected").val();
    $.ajax({
      method: "GET",
      url: "blanco2.php",
      data: { select: id, valor: valor }
    })
    .done(function( msg ) {
        obj = $.parseJSON( msg );
        if (obj.length&gt;0) {
          $(destino).empty().append('&lt;option value="x"&gt;Select an ---&lt;/option&gt;').select2("val", "x");
          $.each(obj,function(index) {
            valor = obj[index].codigo;
            texto = obj[index].descripcion;
            $(destino).append('&lt;option value=' + valor + '&gt;' + texto + '&lt;/option&gt;');
            $(destino).prop("readonly",false);
  
          });
        } else {
          $(destino).empty().append('&lt;option value=""&gt;&lt;/option&gt;').select2("val", "");
        }
  
    });
    return false;
  }
  
  $( "select" ).change(function() {
    selectorOrigen = this.id;
    if (selectorOrigen === 'pais') {
      selectorDestino = 'ua';
    } else if (selectorOrigen === 'ua') {
      selectorDestino = 'unidad';
    } else if (selectorOrigen === 'unidad') {
      selectorDestino = 'rol';
    } else if (selectorOrigen === 'rol') {
      selectorDestino = 'categoria';
    } else { return false; }
    anidado(selectorOrigen,selectorDestino);
  });
  </code></pre>
  
  <p>This was a pretty one but it did not work for me <a href="https://stackoverflow.com/questions/17819709/clear-select2-without-triggering-change-event">Clear select2 without triggering change event</a></p>
  
  <p>He suggest use something like</p>
  
  <pre><code>$docInput.select2('data', null, false);
  </code></pre>
  
  <p>I just need set the new selected option without trigger the change event. Any alternative to .select2("val", "x") while using select2 plugin?</p>