2014-02-14 25 views
1

我设法创造的jsfiddle http://jsfiddle.net/9vkk5/样本来说明我的问题jQuery的填充的onclick

正如你可能会看到它只是一个例子,因为我通过数据库填补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的例子完全一样。我想,只要我点击select来填充数据库中的数据,但是保持选择的实际选项。

编辑:已解决

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

@FrançoisWahlhttp://jsfiddle.net/9vkk5/3/事实并非如此。除了增加'selected_option'之外,它还必须编辑'option value' ..因为所有的都是'1'。 – user3243925

+0

我看到:)添加独特的值是一个不可或缺的部分,并且很可能是添加到您的答案的重要注意事项:)不要编辑您的问题,只需发布​​自己的问题的答案添加**所有**您所做的更改使连接工作小提琴。在48小时内,您可以接受您自己的答案:) – Nope

回答

-1
$("#clients").trigger('chosen:refresh'); 
+0

解决方案无法正常工作。 'stackoverflow !!'永远不会出现。 – user3243925

+0

你把$ .ajax文章放在哪里?你可以发布更多的代码来获得更多的问题背景吗? – celerno

+0

看到我对'Françoieswahl'的回答。 – user3243925