Déclencher l'événement onChange après le changement de l'élément selectedIndex?

Question

Est-il possible de déclencher un événement de modification sur un champ de sélection lorsque l'attribut selectedIndex ou val est défini avec jQuery? Je l'ai essayé et ça ne semble pas fonctionner. J'essaye de remplacer un champ choisi par un de mes propres conception. Le problème est que si j'ai joint un événement change à un champ select, lorsque l'index est modifié, il doit déclencher cet événement.

Existe-t-il un moyen de le faire?

var a = $("a"); 
 

 
$("a").on("click", function() { 
 
    
 
    $("#selectList")[0].selectedIndex = a.index($(this)); 
 
    
 
    //now fire event 
 

 
\t return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">Trigger 1</a> 
 
<a href="#">Trigger 2</a> 
 
<a href="#">Trigger 3</a> 
 

 
<select id="selectList"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select>

EDIT: @ xSaint32 répondu cela, en utilisant la méthode jQuery's trigger.

Answer 1

@ xSaint32 a répondu à cette question en utilisant la méthode jQuery's trigger.

var a = $("a"), 
 
    select = $("#selectList"); 
 

 
$("a").on("click", function() { 
 
    
 
    select[0].selectedIndex = a.index($(this)); 
 
    
 
    select.trigger("change"); 
 

 
    return false; 
 
}); 
 

 
select.on("change", function() { 
 
    
 
    alert("My index changed"); 
 

 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#">Trigger 1</a> 
 
<a href="#">Trigger 2</a> 
 
<a href="#">Trigger 3</a> 
 

 
<select id="selectList"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select>