Multiple textfields value updation with multiple buttons

Question

I am having 1 text field with number of buttons each having value of their own.

In the code below as i have a single input field i have used it to update the value based on button value to the input field id. How can i know the which input field i have selected before the button click to pass the button value to the input field when there are multiple input fields??

var x,y;
    function first(){
        var y=1;
        document.getElementById("how").value=y;
        }
    
    function second(){
        var x=2;
        document.getElementById("how").value=x;
        }

<input type="button" onclick="first()" value="1" id="01"/>
    <input type="button" onclick="second()" value="2" id="02"/>
    <input type="text" value="" id="how"/>

Let me know how this can be achieved in the easiest way

I am not very sure what you are trying to accomplish but you may want to add the eventhandler function to the textbox itself. — Anupam Rekha
– Anupam Rekha, Commented Jan 23, 2019 at 20:34
@Umair any code you can help me with would be really helpful. Hoping you understood what i want to achieve here — Fire-In-D-Hole
– Fire-In-D-Hole, Commented Jan 23, 2019 at 20:39
@MerakMarey i do have some understanding of jquery but im new so a snippet would be helpful. — Fire-In-D-Hole
– Fire-In-D-Hole, Commented Jan 23, 2019 at 20:50

Eric Svitok · Accepted Answer · 2019-01-23 20:47:28Z

2

You can create a single onfocus function for each of the inputs, and have it store a global reference of the last focused input. Then use the global reference in your button click functions.

Code example:

<input type="button" onclick="first()" value="1" id="01"/>
<input type="button" onclick="second()" value="2" id="02"/>
<input type="text" onfocus="inputFocus(this)" value="" id="input1"/>
<input type="text" onfocus="inputFocus(this)" value="" id="input2"/>  
<input type="text" onfocus="inputFocus(this)" value="" id="input3"/>      
<script>

var x,y;
var focusObj;

function first(){
    var y=1;
    if(focusObj) focusObj.value = y;
}

function second(){
    var x=2;
    if(focusObj) focusObj.value = x;
}

function inputFocus(obj) {
   focusObj = obj;
}

</script>

answered Jan 23, 2019 at 20:47

Eric Svitok

8426 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fire-In-D-Hole Over a year ago

Aplogies for the late reply , it worked thanks Eric.

Collectives™ on Stack Overflow

Multiple textfields value updation with multiple buttons

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related