Est-il possible d'ajouter un nouvel élément à la liste de variables dataSource en utilisant jQuery auto complete box

Question

Ici, j'utilise jQuery autocomplete zone de texte pour les données de grésil de la boîte de recherche ici quand je tape un nouvel élément qui n'existe pas en donner dataSource liste c'est chèques et s'il n'existe pas, j'ai besoin d'ajouter des données à la liste dataSource. Comment puis-je faire ceci? Quelqu'un s'il vous plaît aidez-moi.

<script> 
$(function() { 
    var dataSource = [ 
     { skill: 'ASP.NET'}, 
     { skill: 'C#.Net' }, 
     { skill: 'Sql Server' }, 
     { skill: 'Java' }, 
     { skill: 'AngularJS' }, 
     { skill: 'jQuery' }, 
     { skill: 'Javascript' } 
    ]; 
    $('#basic').magicsearch({ 
     dataSource: dataSource, 
     fields: ['skill'], 
     id: 'skill', 
     format: '%skill%', 
     multiple: true, 
     multiField: 'skill', 
     multiStyle: { 
      space: 5, 
      width: 80 
     } 
    }); 
}); 
</script> 

Answer 1

Pour ce faire, vous aurez besoin d'utiliser soit html forms ou ajax

Votre objet dataSource devra être persisté quelque part, probablement dans une base de données. La façon la plus simple de le faire, comme Roland Ruul, serait d'utiliser un langage dorsal tel que php. Vous devrez ensuite remplacer votre liste codée en dur par un objet sérialisé json injecter dans votre code JavaScript par le langage principal après avoir été extrait de la base de données.

Compte tenu de votre configuration actuelle, la mise en œuvre de cette fonction sera beaucoup de travail