autocompletamento textBox da DB con JSP

rob1973

Nuovo Utente
22 Set 2019
3
0
1
Buongiorno, sono un nuovo utente di questo forum e colgo l'occasione per porgere un saluto agli iscritti.
Sto provando a realizzare sito internet usando JSP e Html e mi ritrovo a non saper superare il seguente problema. Vorrei realizzare una TextBox che mi consenta di inserire i primi caratteri di una stringa e che, tramite chiamata Ajax, acceda al Database (MySQL) e visualizzi dinamicamente le prime "n" righe che la query restituisce. Di fatto, ogni carattere che digito viene inviato al server che, mediante apposita Query, fornisce risposte che completano il testo già digitato (se trovate). Il codice Ajax che in atto ho scritto, è il seguente :
Codice:
<script type="text/javascript">

 $('#luogo').keyup(function(){
  //getting typed value
       var cercaComune=$(this).val();
          if(cercaComune!='')
                {
                   $.ajax({
                      type:"GET",
                       url:"registraUtente_2.jsp",
                       //passing value
                        data:{comune:cercaComune}, // trasmetto la coppia "comune:cercaComune"
                        success : function (data) {
                            $("#result").html(data);  
                            console.log("i dati trasmessi sono : " + data);
                       }
                       
                    });
                 
                    }
              });
   </script>
Di fatto, nella textBox il cui id è "luogo" riesco a digitare i caratteri che la funzione Keyup passa alla pagina "registraUtente_2.Jsp" e da quest'ultima ottengo le righe di risposta (nel mio caso imposto il limit=10). La risposta in atto mi viene fornita sulla textbox "result" e riesco a visualizzarli sulla pagina correttamente. Il problema è che vorrei che invece fossero visualizzati nella textBox "luogo" (o in altra adiacente come al momento faccio) e che, soprattutto, fosse possibile selezionarli come avviene nelle select. Nel ringraziare per l'attenzione, spero che qualcuno possa indirizzarmi su una possibile soluzione.
 
Ultima modifica:

rob1973

Nuovo Utente
22 Set 2019
3
0
1
Come hai strutturato il progetto?
Che lib utilizzi per il motore di template ?
Buonasera Macus, grazie per avermi risposto. Allora, il template l'ho costruito io utilizzando div, classi e id e costruendo un css che regola la visualizzazione delle singole pagine. Il progetto, relativamente a questo aspetto è strutturato in maniera semplicissima. Ho un database MySQL che fornisce le stringhe per l' autocompletamento mediante una query a cui passo i caratteri digitati nella textbox. La parte di codice che mi ritorna i dati dal Db è questa :
Codice:
 PreparedStatement pstmt = conn.prepareStatement("select * from comuni where comune LIKE ? order by Comune limit 30");
     pstmt.setString(1, search + "%");
     ResultSet rs=pstmt.executeQuery(); 
  //     System.out.println(pstmt.toString());
 
     while(rs.next()){
        
     //document.getElementById("luogo").innerHTM +rs.getString("comune"));
 
      out.print(rs.getString("comune") + " (" + rs.getString("Sigla_Provincia") + ")" +"<br>");
    
     }
Spero tu possa darmi qualche suggerimento su come fare a visualizzare i dati nella pagine chiamante e renderli "selezionabili".
Grazie ancora per l'aiuto
 
Discussioni simili
Autore Titolo Forum Risposte Data
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
F Autocompletamento dei campi di una pagina jQuery 4
MarcoGrazia campo con autocompletamento a formato multiplo (nomi/date) jQuery 3
N form autocompletamento jQuery 1
N Autocompletamento a "cascata" jQuery 0
A Ricerca con autocompletamento ajax Javascript 2
M box di ricerca con autocompletamento PHP 1
Emix Problema con autocompletamento e nuovi campi.... Ajax 12
W Autocompletamento input text Javascript 3
P textbox- scrivere tutto su una sola riga anche se si va a capo .NET Framework 2
I Riportare dati funzione javascript in textbox Javascript 0
T [php]Variabile in textbox via post PHP 9
L [PHP] Reset textbox PHP 0
M [Javasript + HTML] come creare textbox in tr specifica Javascript 0
N Problema placeholder textbox Javascript 2
MarcoGrazia [regex] validare un textbox con solo caratteri alfabetici. Javascript 6
D Abilitare link dopo inserimento valore nella textbox PHP 2
R Problema impostare valore textbox MS Access 0
Emix [RISOLTO]Impostare focus su textbox dopo foreach jQuery 16
GoshMaledetto Recuperare valore di N textbox Javascript 5
Emix Variabili in textbox PHP 31
S Access (Inserire un valore di un textBox in una tabella) MS Access 0
O textbox php PHP 2
WorldWideWeb textbox con sfondo trasparente ASP.NET 1
V Textbox dinamiche che si azzerano Javascript 1
M Copiare valore listbox in textbox PHP 2
M Aggiungere textbox Javascript 1
neo996sps Inserire in un textbox il nome del file da uploadare PHP 6
M [VB.NET] Textbox che accetta solo valori numerici .NET Framework 3
S Riempire textbox prendendo i dati selezionati da una listbox PHP 2
M TextBox ASP.NET 0
Z Css e textbox dei form HTML e CSS 6
Z Textbox e Inserimento Tag Javascript 0
E textbox a richiesta Javascript 0
E Passare Focus da TextBox Javascript 3
L Sfondo dei textBox Javascript 2
L solo numeri e decimali in un form textbox HTML e CSS 3
F access ricerca record con apostrofo. MS Access 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1

Discussioni simili