Buongiorno a tutti!
Sto lavorando su un form in html con valori selezionabili. Vorrei che alla selezione di un valore fossi reindirizzato su una pagina ma allo stesso tempo il form venga resettato, cioè venga selezionato il valore di default che ha il valore selected="selected".
Io riesco ad ottenere i due risultati separatamente. Se li faccio in contemporanea su alcuni browser funziona, ma per esempio sui cellulari no, probabilmente perchè una funzione rende impossibile l'altra.
Mi interessa questo perchè se un utente, dopo aver selezionato un valore, decide di tornare alla pagina precedente, si troverà la voce selezionata precedentemente già attiva, e quindi non riuscirà a riselezionarla.
Vi mostro i codici che ho usato, ne ho uno tramite jquery, e uno senza:
/////////////////////////////////////////////////// con jquery
<head>
<script type='text/javascript' src='jquery.min1.7.2.js'></script>
<SCRIPT LANGUAGE="Javascript">
$(function(){
// bind change event to select
$('#titolo').on('change', function () {
var url = $(this).val(); // get selected value
if (url) { // require a URL
this.selectedIndex = 0;
window.location = url; // redirect
}
return false;
});
});
</script>
</head>
<body>
<form name="contatto" id="contatto">
<SELECT name="titolo" size="1" id="titolo" style="WIDTH: 441px" LANGUAGE="javascript">
<OPTION selected="selected"></OPTION>
<OPTION value="www.ciao.it">01</OPTION>
<OPTION value="www.ciao1.it">02</OPTION>
<OPTION value="www.ciao2.it">>03</OPTION>
</SELECT>
</form>
</body>
/////////////////////////////////////////////////////////// e l'altro senza jquery
<head>
<SCRIPT LANGUAGE="Javascript">
function resetcampi() {
document.forms['contatto'].titolo.selectedIndex = 0;
}
</script>
</head>
<body>
<form name="contatto" id="contatto">
<SELECT name="titolo" size="1" id="titolo" style="WIDTH: 441px" LANGUAGE="javascript" onchange="location.href=contatto.titolo.value; resetcampi()">
<OPTION selected="selected"></OPTION>
<OPTION value="www.ciao.it">01</OPTION>
<OPTION value="www.ciao1.it">02</OPTION>
<OPTION value="www.ciao2.it">>03</OPTION>
</SELECT>
</form>
</body>
//////////////////////////////////////////////////////////
Qualche aiuto???
Rispondi quotando
