jQuery on variable change, update textbox

Question

In jQuery, is is possible to check if var x = [] changes, and then add the contents of the array to a textbox.

So if x contains ["1","2","3"]. My textbox textbox1 value will be "1","2","3"

This previous post may help... http://stackoverflow.com/questions/1029241/javascript-object-watch-for-all-browsers. — jabclab
– jabclab, Commented Jan 12, 2012 at 9:45
If you'd use a function to change the value of x, you don't need a watcher (if it's possible at all). — Jeffrey
– Jeffrey, Commented Jan 12, 2012 at 9:47

jabclab · Accepted Answer · 2012-01-12 10:02:01Z

3

You could do something like this to avoid using a watcher:

var Data = (function () {
    var _x = [],
        $textbox = $("#myTextbox");
    return {
        getX: function () {
            return x;
        },
        setX: function (x) {
            _x = x;
            // Setting 'x' triggers an update
            $textbox.val(x.join(","));
        }
    }
}();

And then set the value of x using Data.setX(x) and get it using Data.getX().

answered Jan 12, 2012 at 10:02

jabclab

15.1k5 gold badges57 silver badges51 bronze badges

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

Comments

Teun Pronk · Accepted Answer · 2012-01-12 09:51:18Z

0

var myString = myArray.join(',');
$('#textbox1').val(myString);

answered Jan 12, 2012 at 9:51

Teun Pronk

1,39714 silver badges25 bronze badges

Comments

Reinstate Monica Cellio · Accepted Answer · 2012-01-12 10:04:44Z

0

Don't know about watching a variable for a change, unless you create an object that has an "onChange" event, but to show the values in the textbox use this...

$("#textboxID").val(x.join(","));

The easiest thing would be to have an update function with the above code and just call that everywhere you change the value of x.

edited Jan 12, 2012 at 10:04

answered Jan 12, 2012 at 9:52

Reinstate Monica Cellio

26.2k6 gold badges54 silver badges67 bronze badges

Comments

Johan · Accepted Answer · 2012-01-12 09:47:22Z

-1

if ($.inArray(x, [1, 2, 3]) != -1) {
    $('#textbox1').val(x);
}

answered Jan 12, 2012 at 9:47

Johan

35.4k62 gold badges191 silver badges309 bronze badges

1 Comment

Samuel Caillerie Over a year ago

I think that it is not checking for one particular content which is important but to check when the content of x changes...

Collectives™ on Stack Overflow

jQuery on variable change, update textbox

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related