javascript - calculation based on input field for a result on the fly -
this extension this thread.
my situation:
i need user enter decimal value (ie 0.05) , show simple calculation on fly user types (or pastes). example shown works whole numbers not when decimal entered input field.
i need display result in multiple places. assumed update getelementbyid getelementbyclass didn't work.
my code:
<input type="text" name="capname" id="numberfield" value="0.07" maxlength="5" /> <span name="mpd" id="mpdresult" class="mpdresult" ></span> <span class="mpdresult" ></span> (second display) <script> window.onload = function() { var base = 500; var numberfield = document.getelementbyid('numberfield'); numberfield.onkeyup = numberfield.onpaste = function() { if(this.value.length == 0) { document.getelementbyid('mpdresult').innerhtml = ''; return; } var number = parseint(this.value); if(isnan(number)) return; document.getelementbyid('mpdresult').innerhtml = number * base; }; numberfield.onkeyup(); //could have been onpaste(); }; </script>
please use var number = parsefloat(this.value);
instead of var number = parseint(this.value);
Comments
Post a Comment