Modifica valore textbox onClick

**riccardotresold** · 26-08-2011, 22:55

So che è un argomento banale e ripetitivo in questo forum, solo che non sono riuscito a trovare soluzione anche cercando nel forum stesso.

Il mio problema è veloce da risolvere solo che non trovo la soluzione da solo.

bando alle ciance e mettiamo un po di codice.

codice:

<html>
<head>
</head>

<body>

<input type="text" name="soluzione" disabled>

<table name="tabella" border="1">
<tr><th>operazione</th></tr>
<tr onclick="document.form.soluzione.value=5"><td>5*1</td></tr>
<tr onclick="document.form.soluzione.value=10"><td>5*2</td></tr>
<tr onclick="document.form.soluzione.value=15"><td>5*3</td></tr>
<tr onclick="document.form.soluzione.value=20"><td>5*4</td></tr>
<tr onclick="document.form.soluzione.value=25"><td>5*5</td></tr>
<tr onclick="document.form.soluzione.value=30"><td>5*6</td></tr>
<tr onclick="document.form.soluzione.value=35"><td>5*7</td></tr>
<tr onclick="document.form.soluzione.value=40"><td>5*8</td></tr>
<tr onclick="document.form.soluzione.value=45"><td>5*9</td></tr>
</table>
</body>
</html>

Palesemente l'errore sta su quel "document.form.soluzione.value=45" ma quale è la versione corretta?

**Massimo61** · 26-08-2011, 23:47

Ciao,

codice:

<html>
<head>
</head>

<body>

<form name="form1">
<input type="text" name="soluzione" disabled>
</form>

<table name="tabella" border="1">
<tr><th>operazione</th></tr>
<tr onclick="document.form1.soluzione.value='5'"><td>5*1</td></tr>
<tr onclick="document.form1.soluzione.value='10'"><td>5*2</td></tr>
<tr onclick="document.form1.soluzione.value='15'"><td>5*3</td></tr>
<tr onclick="document.form1.soluzione.value='20'"><td>5*4</td></tr>
<tr onclick="document.form1.soluzione.value='25'"><td>5*5</td></tr>
<tr onclick="document.form1.soluzione.value='30'"><td>5*6</td></tr>
<tr onclick="document.form1.soluzione.value='35'"><td>5*7</td></tr>
<tr onclick="document.form1.soluzione.value='40'"><td>5*8</td></tr>
<tr onclick="document.form1.soluzione.value='45'"><td>5*9</td></tr>
</table>
</body>
</html>

M.

**riccardotresold** · 27-08-2011, 14:36

Ottimo! grazie mille! Ora funziona.
Come mai non funziona se non è all'interno di un form? L'oggetto input Text con nome "soluzione" dovrebbe essere raggiungibile comunque no?

**Massimo61** · 27-08-2011, 17:57

Ciao,

l'oggetto document è l'elemento principale che contiene tutti gli altri elementi, ed è un tag.

il . è un separatore separa un oggetto da un metodo.

.nome del form .nome del campo .valore

puoi usare il DOM e il metodo getElementById() che permette di recuperare l'elemento dal valore del proprio attributo ID

.getElementById(id_elemento) id_elemento è il valore univoco dell'attributo ID dell'elemento che si vuole recuperare.

codice:

<input type="text" id="soluzione" disabled>

<table name="tabella" border="1">
<tr><th>operazione</th></tr>
<tr onclick="document.getElementById('soluzione').value='5'"><td>5*1</td></tr>
<tr onclick="document.getElementById('soluzione').value='10'"><td>5*2</td></tr>
...................
</table>

M.

**riccardotresold** · 28-08-2011, 11:39

Ok! grazie mille!
Sei stato chiaro!

Discussione: Modifica valore textbox onClick

Strumenti discussione

Ricerca discussione

Visualizza

Modifica valore textbox onClick

Permessi di invio