Form ricerca valori e visualizzazione risultato ricerca

Nicola72

Nuovo Utente
18 Gen 2015
3
0
0
Salve a tutti, ho un problema con jquery che non conosco ancora bene purtroppo.

Devo utilizzare un form con 2 campi: uno per fare la ricerca in un database di prodotti con il plugin ui autocomplete e un secondo campo di tipo textarea per visualizzare l'esito della ricerca.

Nel primo caso ho risolto subito, difatti non ho avuto difficoltà ad implementare il plugin uiautocomplete, nel secono caso ho delle difficoltà: voglio fare in modo tale che inserendo il codice del prodotto (il Serial Number), nel campo testo, automaticamente tramite l'evento onchange su quest ultimo, venga caricata una funzione, la quale richiama un file in php che esegua una query in grado di restituire il genere (ad es. cellulare), la marca ed il modello relativi al codice prodotto che è stato inserito.

--------------------------------------------
FILE html che visualizza il form:
<html>
<head>
<title>index</title>
<head>
<script type="text/javascript" language="javascript" src="http://localhost/cashfund_locale/script/jquery-latest.min.js""></script>
<script type="text/javascript" language="javascript" src="http://localhost/cashfund_locale/script/jquery-1.9.1.min.js""></script>
<script type="text/javascript" language="javascript" src="http://localhost/cashfund_locale/script/jquery-ui.min.js""></script>
<script type="text/javascript" language="javascript" src="http://localhost/cashfund_locale/script/valore_prodotto.js""></script>
</head>

<body>

<form action=index.php method=post>
<label for="codice_prodotto">Ricerca Codice
<input type="text" id="codice_prodotto" name="codice_prodotto" class="ui-autocomplete-input"
onchange="valore(this);" />
</label>

<label for="prodotto">Prodotto
<textarea id="prodotto" name="prodotto"></textarea>
</label>
<input type=submit name=invio vlaue=invio />
</form>
</body>
</html>
-------------------------------------------

file javascript (valore_prodotto.js) :

$(function valore(el) {
var codice_prodotto= $('#codice_prodotto');
$('#prodotto').val(
{
source:
function(request, response) {
$.ajax({
url:"http://localhost/cashfund_locale/pages/acquisti/valore_prodotto.php",
method: 'get',
data: { codice_prodotto: codice_prodotto.val()},
success: function( data ) {
response( $.map( data, function( item ) {
return item.label;
}));
}

});
},

}
,"json")
});
------------------------------------------

file in php che esegue la query:

hp

$con=mysql_connect("localhost","root","");
mysql_select_db("cashfund");
mysql_query("SET NAMES utf8");

if(isset($_GET['codice_prodotto']))
{
$codice_prodotto = trim(strip_tags($_GET['codice_prodotto']));

$a_json = array();
$a_json_row = array();


$query="SELECT CONCAT(Genere,'-',Marca,'-',Modello) FROM prodotto INNER JOIN genere ON prodotto.IdGenere=genere.IdGenere INNER JOIN marca
ON prodotto.IdMarca=marca.IdMarca WHERE ( (IMEI='".$codice_prodotto."') OR (SerialNumber='".$codice_prodotto."') )";
$q=mysql_query($query);
echo mysql_error();

while($row = mysql_fetch_array($q,MYSQL_NUM))
{
$name = htmlentities(stripslashes($row[0]));
$a_json_row['value'] = $name;
$a_json_row['label'] = $name;
array_push($a_json, $a_json_row);
};
header('Content-Type: application/json');
echo json_encode($a_json);
flush();
};
?>
-------------------------------

Quello che non funziona è la visualizzazione della query nel campo textarea.
Nella consolle degli errori in Chrome non viene notificato niente, tuttavia nel campo textarea che dovrebbe visualizzare la query appare la scritta: [object Object]

Da cosa potrebbe dipendere l'errore?

Grazie in anticipo
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, utilizza la formattazione del codice please, icone # <> e php sulla barra di formattaizone dei post

la scritta [object Object] indica che stai cercando di stampare un oggetto o un array
Devi ciclarlo e stampare i singoli elementi
 

Nicola72

Nuovo Utente
18 Gen 2015
3
0
0
Ciao Criric,

Nel frattempo ho risolto grazie ad un amico esperto di jquery, ho modificato lo script in javascript in questo modo:

window.valore = function valore(el) {

var codice_prodotto= $('#codice_prodotto');

$.ajax({
url:"http://localhost/cashfund_locale/pages/acquisti/valore_prodotto.php",
method: 'get',
data: { codice_prodotto: codice_prodotto.val()},
success: function( data ) {
var labels = $.map( data, function( item ) {
return item.label;
});
var result = "";
var joinedLabels = $.each(labels, function(index, value){ result += value + "\n"; });
$('#prodotto').val(result);
}
});
};

Inoltre ho notato che l'evento onchange non era in grado di gestire la funziona, così ho sfruttato un bottone che la richiamava e adesso funziona tutto.

Grazie comunque.
 
Discussioni simili
Autore Titolo Forum Risposte Data
A problema con l'inserimento di valori in una tabella dopo una ricerca da form Classic ASP 1
G [PHP] FORM DI RICERCA ESTESA PHP 2
Emix [PHP][MYSQL] Ricerca avanzata tramite form PHP 6
O [HTML] form box ricerca HTML e CSS 3
sandropochi [PHP] Form per creare filtro di ricerca su DB PHP 8
K [WordPress] Plugin per inserire un form per la ricerca in un database.. come si fa? WordPress 1
U [PHP] form per ricerca multipla: Unknown column 'undefined' in 'where clause' PHP 2
L Form di ricerca PHP 2
W Form di ricerca all'interno di un sito mysql PHP 1
L Form ricerca due date stesso campo PHP 16
P Form per ricerca multipla in MYsql PHP 2
A form di ricerca Webdesign e Grafica 1
C Urgente Ricerca Aiuto (a Pagamento) Form Altri Annunci 0
G visualizzare risultati ricerca dopo form nella stessa pagina e mantenimento filtri PHP 1
W [Php - MySql] ricerca con form select diversi PHP 14
A form con diversi criteri di ricerca Classic ASP 12
S Database - il form di ricerca non funziona Database 1
L php ricerca da form PHP 0
G Invio form con PHP PHP 2
felino Form action costum e parametri in queryString WordPress 1
M Come recuperare molteplici input form PHP 1
M Collegamento tra form html e script php PHP 4
L form immagini per il database PHP 0
A form PHP prenotazione tramite query PHP 2
A Form php prenotazione di un azienda sanitaria locale presso studio medico PHP 1
L inserimento form dati multipli ? PHP 0
L Problemi form Pagina php HTML e CSS 3
Cosina Creare bottone delete in form upload PHP 4
Cosina Creare bottone delete in form upload PHP 1
D Devo far funzionare un form di contatti PHP 4
B form gestione input PHP 2
V PHP form intersecate PHP 0
8 Javascript - PDF Form Javascript 0
J Form inserimento dati in database Ajax 1
E Gestione profilo utente tramite Form PHP 3
R [C#] Form principale si blocca mentre un altro Thread lavora .NET Framework 0
M Problema con controllo form in real time jQuery 6
D Form validazione Javascript 2
R form recovery pass PHP 0
V Symfony e i form PHP 3
M form con checkbox PHP 8
S come aggiustare un form di contatto? HTML e CSS 3
F query e form con select multipla PHP 17
AC1 Form in finestra modale PHP 1
MarcoGrazia Verifica di una stringa o di un nome proveniente da form Snippet PHP 0
A Inserimento dati nel database tramite form + altre operazioni PHP 18
websilvia Contact form using Bootstrap 3.3.4 PHP 8
Alex_70 Button non funziona nella form PHP 2
C Form email php su pagina index.html? PHP 21
W Rinominare Documenti Con Form Asp Classic ASP 9

Discussioni simili