Rendere contenuto di una label in parte invisibile

[Petermessy]

Salve a tutti.
Ho un problema riguardante un input text a cui implemento un Autocompletamento. Nella mia jsp ho qualcosa del genere:

<div class="search-container">
        <div class="ui-widget">
                Search:<input type="text" id="utenteSearch" name="utenteSearch" size="35" class="utenteSearch"><img src="img/addContact.png" onclick="AggiungiContatto()" width="35" height="35">Cliccare sull'icona per aggiungere come contatto
        </div>
</div>

popolo questa input in base ai caratteri che vengono immessi lato client attraverso una chiamata Ajax ad una Servlet che "pesca" da un db sql. La chiamata è la seguente:

<script type='text/javascript'>
$(document).ready(function() {
    $(function() {
            $("#utenteSearch").autocomplete({     
            source : function(request, response) {
            $.ajax({
            	url:  'ModifyProfileUser',
        		type: 'POST',
        		dataType:'JSON',
                data : { users : request.term, action:"searchUser" },
                    
                success : function(data) {	
                	//response(data);	
                	response( $.map( data, function( item ) {
                	    return {
                	        label: item.nome +" "+ item.cognome +  item.id   
                	    }
                	}));
                    }
            });
    }
});
});
});
</script>

Il codice è funzionante. Vorrei però non rendere visibile l'id di "item", ma allo stesso tempo averlo per una successiva azione da implementare. Qualcuno sa darmi qualche consiglio?Ringrazio già ora chi si interesserà.

[cavicchiandrea]

O imposti una variabile globale nel response oppure metti un campo nascosto (hidden) nel markup dell'html e lo valorizzi con item.id

[Petermessy]

O imposti una variabile globale nel response oppure metti un campo nascosto (hidden) nel markup dell'html e lo valorizzi con item.id

Grazie per il consiglio! Ho scelto di seguire la seconda strada per cui:

<div class="search-container">
        <div class="ui-widget">
                Search:<input type="text" id="utenteSearch" name="utenteSearch" size="35" class="utenteSearch"><img src="img/addContact.png" onclick="AggiungiContatto()" width="35" height="35">Cliccare sull'icona per aggiungere come contatto
                <input type="text" id="idUser" style="visibility:hidden;">
        </div>

e poi:

$(document).ready(function() {
    $(function() {
            $("#utenteSearch").autocomplete({     
            source : function(request, response) {
            $.ajax({
                url:  'ModifyProfileUser',
                type: 'POST',
                dataType:'JSON',
                data : { users : request.term, action:"searchUser" },
                    
                success : function(data) {    
                    //response(data);    
                    response( $.map( data, function( item ) {
                        document.getElementById('idUser').value=item.id;
                        return {
                            label: item.nome +" "+ item.cognome
                            
                        }
                        
                    }));
                    }
            });
    }
});
});
});

Ma nella response come faccio a valorizzare l'input text con l'id della scelta fatta dall'autocomplete? Mi spiego meglio, se ora volessi acquisire un certo id mediante:

<script type='text/javascript'>
function AggiungiContatto(){
    var user=document.getElementById('utenteSearch').value;
    var iduser=document.getElementById('idUser').value;
    
    if(user==null || user==""){
        alert("Inserire almeno una lettera per la ricerca!")    
    }
    else{
        $.ajax({
            url:  'ModifyProfileUser',
            type: 'POST',
            dataType:'JSON',
            data : { userToAdd : iduser +" "+ user, action:"addUser" },
            success : function(data) {
                        response(data);      
            }
        });
    }
};
</script>

L' "iduser" che recupero è sempre l'ultimo della map, come acquisire quello consequenziale alla scelta dell'autocompletamento? Spero di essere stato chiaro. Grazie per la disponibilità.

[cavicchiandrea]

Iduser è univoco? Item. Cos'è?

[Petermessy]

Iduser è univoco? Item. Cos'è?

E' un utente. Praticamente sto gestendo una funzione "aggiungi contatto" tramite questo autocompletamento. Per rispondere alla tua domanda si che lo è ( "univoco" ) Iduser. Per me dovrei gestire meglio l'automplete, cioè: quando digito per es. "p" nella search ho tutte le utenze che per nome iniziano con "p", solo quando si sceglie tra una di queste posso compilare il campo hidden che mi hai consigliato di utilizzare. Bene a me logicamente manca questa parte o no? Non vedo altre spiegazioni.