Question

69

Auto update text box depending on an input box

rated 0 times [ 71] [ 2] / answers: 1 / hits: 6218 / 11 Years ago, sat, january 4, 2014, 12:00:00

I have these two input boxes here.

<input type=text name=ltc>

<input type=text name=btc readonly>

Ok, now what I want is..that when I enter some value in the first textbox, then that value would be multiplied by a constant number and the result would be displayed in the btc textbox.

I guess this can be done via jQuery, but I have no idea as to how I can do it(because of my limited/no knowledge in jQuery).
Can somebody guide me?

Thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brennanm

Add To Favorites

Follow

Total Points: 510

Total Questions: 103

Total Answers: 95

Location: Nicaragua

Member since Tue, Dec 8, 2020

4 Years ago

brennanm questions

1 How to create two dependent dynamic dropdown lists using Flask

Thu, Aug 19, 21, 00:00, 3 Years ago

1 Error in v-on handler: TypeError: Cannot read property 'emit' of null

Mon, May 18, 20, 00:00, 4 Years ago

1 Run sequelize migrates in docker compose

Thu, Jan 9, 20, 00:00, 5 Years ago

1 Javascript create array of objects of length n

Thu, Sep 26, 19, 00:00, 5 Years ago

1 input search filter array using hooks

Thu, Aug 29, 19, 00:00, 5 Years ago

View All

answered 11 Years ago brynnleslis · Accepted Answer

Quick solution:

html code:

<input type=text name=ltc id=input-ltc>

<input type=text name=btc readonly id=input-btc>

javascript:

var inputLtc = document.getElementById('input-ltc'),

inputBtc = document.getElementById('input-btc');



var constantNumber = 2;



inputLtc.onchange = function() {

   var result = parseFloat(inputLtc.value) * constantNumber;

   inputBtc.value = !isNaN(result) ? result : '';

};

jsfiddle: http://jsfiddle.net/6KT4R/

edit:

You may use onkeydown to get result when typing.