Calcolo in tempo reale moltiplicazione in campo di testo

[cavicchiandrea]

Premesso che non hai postato la funzione ne tantomeno html del form. Luca ha usanto un campo imput per il risultato non una option che per quanto ne so non supporta attributi spam.

[tretretre]

Premesso che non hai postato la funzione ne tantomeno html del form. Luca ha usanto un campo imput per il risultato non una option che per quanto ne so non supporta attributi spam.

questo è il codice del form

<form method="post" name="form1" id="form1">
    <table align="center">
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Cognome:</td>
        <td><input type="text" name="Cognome" size="32" /></td>
      </tr>
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Nome:</td>
        <td><input type="text" name="Nome" size="32" /></td>
      </tr>
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Card:</td>
        <td><input type="text" name="card" size="32" /></td>
      </tr>
      <tr valign="baseline">
        
        <td>
<input name="crediti" id="crediti" placeholder="Valore da moltiplicare" onKeyup="document.querySelector('#result').value=Number(this.value)*Number(document.querySelector('#pr').value)"><br></td>

      <tr valign="baseline">
        <td nowrap="nowrap" align="right">mensa:</td>
        <td><select name="costomensa" id="costomensa">
          <option value="1">3,5 - lettera</option>
          <option value="2">5 - allega</option>
          <option value="3">2 - Sura</option>
        </select></td>
      </tr>
      <
          <input type="submit" value="Aggiorna" />
        </p>
        <p>&nbsp;</p>
        </td>
      </tr>
    </table>
    
  </form>

vorrei che venisse mostrato il risultato della moltiplicazione del campo crediti con la voce selezionata dal menu select con id costomensa. Però prendendo il secondo fattore da parte dall'etichetta della option.
quindi se una delle option è <option value="1">3,5 - lettera</option>
prendere come secondo fattore solo il 3,5.
È possibile?

[lucavizzi]

<form method="post" name="form1" id="form1">
    <table align="center">
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Cognome:</td>
        <td><input type="text" name="Cognome" size="32" /></td>
      </tr>
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Nome:</td>
        <td><input type="text" name="Nome" size="32" /></td>
      </tr>
      <tr valign="baseline">
        <td nowrap="nowrap" align="right">Card:</td>
        <td><input type="text" name="card" size="32" /></td>
      </tr>
      <tr valign="baseline">
        
        <td>
<input name="crediti" id="crediti" placeholder="Valore da moltiplicare"
 onKeyup="document.querySelector('#result').value=Number(this.value)*Number(document.querySelector('#costomensa').dataset.price)"><br></td>

      <tr valign="baseline">
        <td nowrap="nowrap" align="right">mensa:</td>
        <td><select name="costomensa" id="costomensa">
          <option value="1" data-price="3.5">3,5 - lettera</option>
          <option value="2" data-price="5">5 - allega</option>
          <option value="3" data-price="2">2 - Sura</option>
        </select></td>
      </tr>
      <
          <input type="submit" value="Aggiorna" />
        </p>
        <p>&nbsp;</p>
        </td>
      </tr>
    </table>
    
  </form>

Nota che nel tag select, anzi nei tags option, ho usato un data-attribute che contiene il prezzo espresso usando il punto come separatore dei decimali.

[tretretre]

grazie mille! Sono sicuro sia la trovata giusta il data-attribute.
Per ora però come risultato dà Not a Number NaN.
Cioè non riconosce numero il valore della option. Come separatore decimale c'è il punto.