爲什麼此代碼在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

您需要連接到change事件select的，而不是click事件option元素。試試這個：

$('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>