なぜこのコードはChromeブラウザで動作しませんか？

Question

テキスト表示オプションオプションをクリックした後の次のコードです。フィールド操作はFirefoxでは実行されますが、Chromeでは実行されません！

$('.ttt').on('click' , function(){ 
 
    var o_class = 's-state-1'; 
 
    $('#test').text('123'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option class="ttt">test 1</option> 
 
    <option class="ttt">test 2</option> 
 
    <option class="ttt">test 3</option> 
 
    <option class="ttt">test 4</option> 
 
</select> 
 

 
<div id="test"></div>

Answer 1

あなたはselectのchangeイベントではなく、option要素のclickイベントにフックする必要があります。 `` $（ '＃テスト'）とは何

$('select').on('change' , function(){ 
 
    var o_class = 's-state-1'; 
 
    $('#test').text('123'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option>test 1</option> 
 
    <option>test 2</option> 
 
    <option>test 3</option> 
 
    <option>test 4</option> 
 
</select> 
 

 
<div id="test"></div>