Trigger onChange событие после selectedIndex изменилось?

Question

Возможно ли инициировать событие изменения в поле выбора, когда selectedIndex или val заданы с помощью jQuery?

Я пробовал и, похоже, не работает. Я пытаюсь заменить поле выбора одним из моих собственных дизайнов. Проблема в том, что если я привязал событие изменения к полю выбора, когда индекс был изменен, ему необходимо запустить это событие.

Есть ли способ сделать это?

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 ответил на этот вопрос, используя jQuery's trigger метод.

Answer 1

@ xSaint32 ответил на это, используя 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>