为什么此代码在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的{​​{1}}事件，而不是select元素的click事件。试试这个：

＆＃13;

＆＃13;

option

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;