rilevare il valore di una cella in una tabella html al click del mouse.

[giuseppeI]

In una tabella con una singola colonna è possibile rilevare, ed inserire in una variabile, il valore contenuto in una cella cliccandovi sopra?
Grazie.

 

[criric]

potresti fare cosi

<script>
    function stampaValore(valore) {
        alert(valore);
    }
</script>

<table border="1">   
    <tr><td onclick="stampaValore(this.innerHTML)">val 1</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 2</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 3</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 4</td></tr>    
</table>

 

[giuseppeI]

OK, funziona benissimo.
Grazie

 

[Salvo Salvi]

e se invece di far venire un alert io vorrei dargli un valore ad predefinito ad ogni click e far apparire la sua scelta dentro un campo input?


Per il valore basta fare cosi credo:

<table border="1">   
    <tr><td onclick="stampaValore(12)">val 1</td></tr>
    <tr><td onclick="stampaValore(22)">val 2</td></tr>
    <tr><td onclick="stampaValore(25)">val 3</td></tr>
    <tr><td onclick="stampaValore(28)">val 4</td></tr>    
</table>

e se dopo però volessi far apparire il risultato dentro il campo

<input type="number" value="" name="valoreuno">

come dovrei fare?

 

[helpdesk]

Ciao, prova a fare cosi':

<script>
    function stampaValore(valore) {
      document.getElementById("number").value = valore;
    }
</script>

<table border="1">   
    <tr><td onclick="stampaValore(this.innerHTML)">val 1</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 2</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 3</td></tr>
    <tr><td onclick="stampaValore(this.innerHTML)">val 4</td></tr>    
 </table>

<input id="number" value="" name="valoreuno">