AutoComplement avec sqlite

Version imprimable

Bonjour,

Je cherche à implémenter un autocomplément avec sqlite au Cordova.
Avec ce code je récupère les données

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<input id="valueEnter" oninput="clickfunc(this)" />
<ul data-role="listview" data-inset="true" data-filter="true" data-filter-reveal="true" data-input="#valueEnter" id="valueId"></ul>	
 
function clickfunc(object) 
	{
          $("#valueId").empty();
          var valueId= "";
          var valueIdName= $("#valueEnter").val();
          if (valueIdName.length > 2) 
		    {
              var select = '%' + valueIdName+ '%';
              db.transaction(function (transaction) {
                   transaction.executeSql('SELECT Ref from protest WHERE Ref LIKE "' + valueIdName+ '";', [],
                        function (transaction, results) {
                        if (results != null && results.rows != null) {
                              if (results.rows.length > 0) {
                                   for (var i = 0; i < results.rows.length; i++) {
                                       var code = results.rows.item(i).Ref;
                                       valueId+= '<li class="ui-screen-hidden"><a href="#">'+ code + '</a></li>';
                                    } 
                                  $("#valueId").append(valueId).selectmenu('refresh');
 
						        } 
                        }
                        });
                });
            }
 
    }

Mais je sais pas comment récupère dans le champ la valeur selected parmi la liste ?!
a ce moment, après la sélection une valeur parmi la liste , automatiquement une liste de lien apparaît au dessus du champ.
Si vous pouvez m'aider à récupère dans le champ la valeur selected parmi la liste sans cette liste des liens!!

23/04/2016, 12h30
NoSmoking

Bonjour,

Code:

valueId+= '<li class="ui-screen-hidden"><a href="#">'+ code + '</a></li>';

pourquoi mettre une balise <a> ?

Code:

valueId+= '<li class="ui-screen-hidden">'+ code + '</li>';

et après sur le click de tes <li> il te suffit de récupérer son textContent et de mettre à jour l'<input>.

merci,

Citation:

et après sur le click de tes <li> il te suffit de récupérer son textContent et de mettre à jour l'<input>.

Dans la même fonction?

Si je veux travailler avec autocomplete UI

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
var select = false;
         var availableTags = [
         "ActionScript",
         "AppleScript",
         "Asp",
         "C",
         "C++",
         "Java",
         "JavaScript"
        ];
$("#tags").autocomplete({
source: availableTags,
autoFocus: true,
          selectFirst: true,
	      minLength: 2,
	      messages: {
              noResults: '',
              results: function() {}
            },
          open: function(event, ui) { if(select) select=false; },
          select: function(event, ui) { select=true; }
        }).blur(function(){
            if(!select)
            {
              $("#tags").val('');
            }
        });

mais je lorsque je modifier avec les données de DB sqlite , ca ne fonctionne pas malgré que je reçoit bien les données.
apres de recherche sur google, il me faut de travailler avec callback
mais je ne sais pas comment l'implémenter dans cette situation

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
db.transaction(function(tx) {
                  tx.executeSql("SELECT Ref  FROM client",  [],function (tx, results) {
                        if (results != null && results.rows != null) {
						if (results.rows.length > 0) {
						for (i=0; i<results.rows.length; i++) {
                            row = results.rows.item(i);
							//alert(row.Ref);
                            jsonClientes.push(row.Ref);
                        }
						return JSON.stringify(jsonClientes);
 
 
						}
 
						}
 
                        //alert(JSON.stringify(jsonClientes));
 
                    },function (tx, e) {
						alert('error: ' + e.message);
                    }
                );  
            });