特定の値を選択してもjQuery/Select2トリガー

Question

ドロップダウンにSelect2を使用していますが、ドロップダウンから特定の値を選択してイベントをトリガーするとします（例：アラート）

は、私はすでに、次の方法を試してみましたが、成功しません：

$(".js-dropdown").val(2)(function() { 
    console.log("val2 selected") 
}); 

と

$(function() { 
    $('select').select2() 
    .val("2", function(e) { 
     console.log("value changed"); 
    }) 
}); 

私が間違って何をしたのですか？

---

マイSelectセレクト：

$(".js-dropdown").select2({ 
    placeholder: "Text", 
    allowClear: false, 
    closeOnSelect: false 
}); 

Codepen

Answer 1

バインドchange eventハンドラと、選択した値が2

var $sel = $(".js-dropdown"); 
 
$sel.select2({ 
 
    placeholder: "Text", 
 
    allowClear: false, 
 
    closeOnSelect: false 
 
}); 
 

 
$sel.change(function() { 
 
    if (this.value == 2) 
 
    alert('2') 
 
})

body { 
 
    font-family: helvetica; 
 
    font-weight: bold 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script> 
 
<select class="js-dropdown" style="width: 220px;"> 
 
    <option></option> 
 
    <option value="1">Dropdown-1</option> 
 
    <option value="2">Dropdown-2</option> 
 
    <option value="3">Dropdown-3</option> 
 
    <option value="4">Dropdown-4</option> 
 
    <option value="5">Dropdown-5</option> 
 
    <option value="6">Dropdown-6</option> 
 
    <option value="7">Dropdown-7</option> 
 
</select>

であれば関数を呼び出します