Problema gestione liste in js

bobbyred

Nuovo Utente
22 Gen 2016
14
1
3
Ciao a tutti,
ho un problema penso stupido ma che mi sta mandando al manicomio.

In base alla selezione di un valore da una lista, seleziono il contenuto di un div nascosto con id=valore e inserisco tale contenuto in un altro div.

Funziona ma dopo aver selezionato correttamente il valore, la lista mi si resetta al valore iniziale.

Posto il codice
HTML
Codice:
<form id="form1" name="form1" method="post" action="">
	<span class="tit1">Seleziona un utente</span>
	<select name="ListUsr" id="ListUsr">
		<option value="" selected="selected">Seleziona --&gt;</option>
		<option value="474128">Rossi Roberto(474128)</option>
		<option value="RossiA">Rossi Roberto Amministratore(RossiA)</option>
		<option value="RossiG">Rossi Roberto Gestore(RossiG)</option>
	</select>
	<input type="submit" name="vedi" id="vedi" value="Vedi" onclick="javascript:GetPwd();"/>
</form>
<div id="474128" style="display:none;">pippo</div>
<div id="RossiA" style="display:none;">paperino</div>
<div id="RossiG" style="display:none;">pluto</div>
<div id="risult"></div>

JAVASCRIPT
Codice:
function GetPwd() {
	if (ListUsr.options[ListUsr.selectedIndex].value == "") {
		alert("Non hai selezionato nessun utente");
	} else {
		document.getElementById("risult").innerHTML = document.getElementById(ListUsr.options[ListUsr.selectedIndex].value).innerHTML;
	}
	return(true);
}

Grazie a mi darà una mano.
Roberto
 

f107

Utente Attivo
7 Ago 2012
203
6
18
Roma
Hai messo tutto in un form, quindi quando fai click sull'input submit questo ricarica la pagina in post.
Per evitarlo o fai cosi:
HTML:
<form id="form1" name="form1" method="post" action="">
	<span class="tit1">Seleziona un utente</span>
	<select name="ListUsr" id="ListUsr">
		<option value="" selected="selected">Seleziona --&gt;</option>
		<option value="474128">Rossi Roberto(474128)</option>
		<option value="RossiA">Rossi Roberto Amministratore(RossiA)</option>
		<option value="RossiG">Rossi Roberto Gestore(RossiG)</option>
	</select>
	<input type="submit" name="vedi" id="vedi" value="Vedi" onclick="javascript:GetPwd(event);"/>
</form>
<div id="474128" style="display:none;">pippo</div>
<div id="RossiA" style="display:none;">paperino</div>
<div id="RossiG" style="display:none;">pluto</div>
<div id="risult"></div>

e js:
Codice:
function GetPwd(e) {
	e.preventDefault();
	if (ListUsr.options[ListUsr.selectedIndex].value == "") {
		alert("Non hai selezionato nessun utente");
	} else {
		document.getElementById("risult").innerHTML = document.getElementById(ListUsr.options[ListUsr.selectedIndex].value).innerHTML;
	}
	
}
Praticamente "cancelli" l'evento che si dovrebbe scatenare.

Oppure semplicemente cambi il type dell'input da submit a semplice button e il tutto funziona.

Spero ti sia utile.
Ciao ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Problema gestione galleria fotografica in java Javascript 4
A Problema gestione layout con css HTML e CSS 11
P Piccolo problema con gestione immagini. PHP 9
P Problema gestione immagini in PHP PHP 12
L problema gestione utenti e sicurezza persone PHP 3
L problema gestione foto PHP 5
L problema gestione date PHP 11
N Problema gestione variabili PHP 5
C Problema gestione cookie Javascript 0
S Problema gestione select multipla Javascript 0
K Problema gestione lettere accentate Classic ASP 25
M Problema gestione TreeView ASP.NET 0
C Problema con la gestione password! Classic ASP 0
maxbossi Problema gestione messaggi Guestbook e Forum Supporto Mr.Webmaster 2
T Problema con gestione menu laterale HTML e CSS 6
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 1
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14

Discussioni simili