Wie Fließkommazahl mit getElementById an anderes Feld übergeben?

Thread View: de.comp.lang.javascript

3 messages

[T] Back to Threads [V] Tree View [G] Group Articles

3 total messages Started by Bernd Meier Sat, 21 Oct 2017 08:09

#180436

Author: Bernd Meier
Date: Sat, 21 Oct 2017 08:09

30 lines
1036 bytes

Ich habe folgende Felder in einer Form:

<label id="convert_this_value">
         <input type="number " size="10" name="numbervalue">
</label>

und

<label><output id="convert_result"></output></label>

Nun versuche ich per JavaScript die Eingabe im Feld mit der Id
convert_this_value in das Feld mit der Id convert_result zu
übergeben:

var value_to_convert = 
parseFloat(document.getElementById("convert_this_value").value);
//var value_to_convert =
//document.getElementById("convert_this_value").value;
//var value_to_convert = 4.4; -> funktioniert
//document.getElementById("convert_result").value = 
//String(value_to_convert);
					document.getElementById("convert_result").value = value_to_convert;

Doch ich bekomme immer ein NaN als Ergebnis.
Nur das direkte Eingeben einer Zahl (z.B. 4.4)
führt zum Eefolg, d.h. die Zahl wird ins Feld
convert_result übernommen.

Was muss ich tun, um den Inhalt des Feldes convert_this_value
per document.getElementById in das Feld convert_result
zu übrenehmen? Warum erhalte ich ein NaN?

Re: Wie Fließkommazahl mit getElementById an anderes Feld übergeben?

#180401

Author: Bernd Meier
Date: Sat, 21 Oct 2017 08:53

20 lines
534 bytes

Am 21.10.2017 um 08:09 schrieb Bernd Meier:
> Ich habe folgende Felder in einer Form:
>
> <label id="convert_this_value">
>          <input type="number " size="10" name="numbervalue">
> </label>
>
> und
>
> <label><output id="convert_result"></output></label>
> ...


Habe den Fehler selbst gefunden. Mein Input-Feld hatte keine Id,
habe es folgendermaßen geändert, damit es funktioniert:

<form>
     <label for="convert_this_value">
            <input id="convert_this_value" type="number " size="10">
     </label>
...

Re: Wie Fließkommazahl mit getElementById an anderes Feld übergeben?

#180402

Author: "Christoph M. Be
Date: Sat, 21 Oct 2017 12:48

36 lines
980 bytes

Am 21.10.2017 um 08:53 schrieb Bernd Meier:

> Am 21.10.2017 um 08:09 schrieb Bernd Meier:
>
>> Ich habe folgende Felder in einer Form:
>>
>> <label id="convert_this_value">
>>          <input type="number " size="10" name="numbervalue">
>> </label>
>>
>> und
>>
>> <label><output id="convert_result"></output></label>
>> ...
>
>
> Habe den Fehler selbst gefunden. Mein Input-Feld hatte keine Id,
> habe es folgendermaßen geändert, damit es funktioniert:
>
> <form>
>     <label for="convert_this_value">
>            <input id="convert_this_value" type="number " size="10">
>     </label>
> ...

Auf Formularfelder kann man auch gut über HTMLFormElement.elements[1]
zugreifen.  Wenn form eine Referenz zum entsprechenden <form> Element
darstellte also etwa:

  form.elements.convert_result.value       form.elements.convert_this_value.value;

[1]
<https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements>

--
Christoph M. Becker

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads