assign value for function and run on separate button jquery

Question

$(document).ready(function () {
    function somefunction(input) {
        $('div').html(input);
    }

    $("#assign").click(function () {
        //assign the value only
        somefunction("from assign to putput")
    });

    $("#output").click(function () {
        //run the function
        somefunction();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="button" id="assign" value="assign" />
<input type="button" id="output" value="output" />
<div></div>

How to assign a value on a function in one button and run that function on another button?

Any suggestion is accepted.

Niki van Stein · Accepted Answer · 2015-11-26 08:36:47Z

3

Just assign the value to a variable outside the function scope.

$(document).ready(function () {
    var assignedvalue = "";
    function somefunction() {
        $('div').html(assignedvalue);
    }

    $("#assign").click(function () {
        //assign the value only
        assignedvalue = "from assign to putput";
    });

    $("#output").click(function () {
        //run the function
        somefunction();
    });
});

answered Nov 26, 2015 at 8:36

Niki van Stein

10.8k3 gold badges33 silver badges63 bronze badges

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

2 Comments

Martin Over a year ago

I am not sure about using global variables but i always read that it is not a good practice to use global variables.

Niki van Stein Over a year ago

You should not use them if not needed. But this is typically a situation where you should use them, and it is the most convenient solution.

Gvidas · Accepted Answer · 2015-11-26 08:42:37Z

2

Why not to use global variable instead of assigning values in function?

$(document).ready(function () {
   var input = "";
    function somefunction() {
        $('div').html(input);
    }

    $("#assign").click(function () {
        //assign the value only
       input = "from assign to putput";
    });

    $("#output").click(function () {
        //run the function
        somefunction();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="button" id="assign" value="assign" />
<input type="button" id="output" value="output" />
<div></div>

If you don't want to use global variables you can assign value to div attribute first, something like this:

$(document).ready(function () {
    function somefunction() {
        $('div').html($('div').attr('temp-value'));
    }

    $("#assign").click(function () {
        //assign the value only
       $('div').attr("temp-value","from assign to putput");
    });

    $("#output").click(function () {
        //run the function
        somefunction();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="button" id="assign" value="assign" />
<input type="button" id="output" value="output" />
<div></div>

edited Nov 26, 2015 at 8:42

answered Nov 26, 2015 at 8:36

Gvidas

1,9642 gold badges15 silver badges21 bronze badges

1 Comment

Martin Over a year ago

I am not sure about using global variables but i always read that it is not a good practice to use global variables

Libin C Jacob · Accepted Answer · 2015-11-26 12:12:08Z

0

$(document).ready(function () {
var input="";//Global Variable initially assigned as empty
    function somefunction(input) {
        $('div').html(input);
    }

    $("#assign").click(function () {
        //assign the value only
        input="Some Value";//Assigning the global variable
    });

    $("#output").click(function () {
        //run the function
        somefunction(input);
        input="";//Clear the global variable after the success of 'somefunction'
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type="button" id="assign" value="assign" />
<input type="button" id="output" value="output" />
<div></div>

edited Nov 26, 2015 at 12:12

answered Nov 26, 2015 at 8:44

Libin C Jacob

1,1381 gold badge13 silver badges38 bronze badges

1 Comment

Martin Over a year ago

i can see two answers with this kind of solution. i don't know if you are just copying from them or you didn't see their answer.

Collectives™ on Stack Overflow

assign value for function and run on separate button jquery

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related