单击</select>时将<options>加载到<select> </options>

Question

单击<select>元素时，是否无法填充<select>列表？

$(document).ready(function(){
    $("body").on("click", "select", function(){
        ajax(); //should append additional <option>s to select
    });
});

是否有任何解决方案可以在点击<select>时加载<select>的内容？

http://jsfiddle.net/AxEAe/

编辑：

使用<div>尝试围绕{{1}}并附加点击事件。没有运气。

Answer 1

$("body").on("click", "select", function(){
        $(this).children('option:last').insertAfter('<option>Another option</option>');
});