javascript - jQuery 使用 onclick 填充选择问题

Question

我已经设法在 jsfiddle http://jsfiddle.net/9vkk5/ 中创建了一个示例来说明我的问题

正如您可能会看到的，这只是一个示例，因为我通过数据库填充了 select 信息，如下所示:

$.ajax({
    type: "POST",
    url: "load.php?type=clients",
    dataType: 'json',
    success: function(data){
        $("#clients").empty();
        var options = '';
        for(var i = 0; i <= data.length - 1; i++){
            options += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
        }
        $("#clients").append(options);
        $("#clients").trigger('chosen:updated');
    }
});

但是我遇到的问题与 jsfiddle 示例完全相同。我想，每当我单击选择来填充数据库中的数据时但保持选择实际选项。

编辑:已解决。

$("#clients").append(options);
$("#clients").val(selected_option); // trick is here
$("#clients").trigger('chosen:updated');

Answer 1

 $("#clients").trigger('chosen:refresh');