+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 3 su 3

[Javascript]Popolare input tramite select

  1. #1
    L'avatar di Eugene
    Eugene non è in linea Scolaretto
    Buonasera

    E' possibile fare in modo che il valore selezionato tramite select venga immediatamente (quindi senza dover ricaricare la pagina) visualizzato in un campo di input?

    Mi auguro di aver esposto chiaramente la mia necessità.

    Grazie
    ℹ️ Leggi di più su Eugene ...

  2. #2
    L'avatar di Master85
    Master85 non è in linea Moderatore Globale Ultimo blog: Eclipse: Un IDE per PHP e Python
    Ciao Eugene,
    cio' che chiedi e' molto semplice, e' sufficiente agire sull'evento onChange di Javascript sull'elemento HTML Select, ti propongo un esempio molto semplice:

    codice HTML:
    <html>
    	<head>
    		<title>Popolare INPUT da SELECT</title>
    		<script type="text/javascript">
    			function popola_input(){
    				var select = document.forms['myForm'].mySelect; //Recupero la SELECT
    				var input = document.forms['myForm'].myInput; //Recupero l'Input
    				
    				/**
    				 * Recupero il testo della option selezionata
    				 * Per recuperare il value, utilizzare l'attributo ".value" anziche' ".text"
    				 */
    				var scelta = select.options[select.selectedIndex].text;
    				
    				//Popolo l'input
    				input.value = scelta;
    			}
    		</script>
    	</head>
    	<body>
    		<form name="myForm" method="post" action="...">
    			<select name="mySelect" onChange="popola_input()">
    				<option value="">---Seleziona una opzione---</option>
    				<option value="prima">Prima Opzione</option>
    				<option value="seconda">Seconda Opzione</option>
    				<option value="terza">Terza Opzione</option>
    			</select>
    			<br />
    			<br />
    			<input type="text" name="myInput" />
    		</form>
    	</body>
    </html>
    Buon lavoro

  3. #3
    L'avatar di Eugene
    Eugene non è in linea Scolaretto
    Grazie Giuseppe, esattamente quello di cui avevo bisogno.

    Buonanotte.
    ℹ️ Leggi di più su Eugene ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. Popolare select tramite altro select
    Da anto16 nel forum PHP
    Risposte: 1
    Ultimo Post: 28-02-2015, 17:55
  2. Risposte: 11
    Ultimo Post: 07-05-2013, 08:23
  3. [Javascript]Popolare una SELECT su evento "OnChange"
    Da w_t nel forum HTML, CSS e JavaScript
    Risposte: 2
    Ultimo Post: 23-04-2010, 19:41
  4. [Javascript]Popolare select tramite altro select
    Da Eugene nel forum HTML, CSS e JavaScript
    Risposte: 4
    Ultimo Post: 26-03-2008, 00:36
  5. Popolare 2 select
    Da milano01 nel forum PHP
    Risposte: 1
    Ultimo Post: 26-03-2008, 00:32