assigned input values to array based on whether they have changed jQuery

Question

I couldn't find anything, but I feel like it's been asked before.

I have multiple inputs:

<input id="id1" class="abc" name="tags" "value="test1" />
<input id="id2" class="abc" name="tags" "value="test2" />

When the user changes the value of the input, I want the script to pick it up and assign it into an array.

What I have:

jQuery('.abc').change(function() {
        var id = jQuery(this).attr('id');
        var name = jQuery(this).attr('name');
        var value = jQuery(this).val();
        var ch = {};
        ch[id][name] = value;
        alert(ch[id][name]);
    });

But from the start, it didn't work. jQuery(this).attr('id') doesn't exist as a function. I think the reason this isn't working is because there isn't a specific class I am calling, but I don't know. Maybe I've been staring at code too much, but it's not working!

the error: can't convert undefined to object

Can you post the exact error message you receive? Also, where is ch defined? — Frédéric Hamidi
– Frédéric Hamidi, Commented Jan 29, 2013 at 21:41

wirey00 · Accepted Answer · 2013-01-29 22:08:10Z

2

You need to create a new object for ch[id]

jQuery('.abc').change(function () {
  var id = jQuery(this).attr('id');
  var name = jQuery(this).attr('name');
  var value = jQuery(this).val();
  var ch = {};
  ch[id] = {}; // <-- here
  ch[id][name] = value;
  alert(ch[id][name]);
});

http://jsfiddle.net/tq2CJ/

answered Jan 29, 2013 at 22:08

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

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

Comments

groksrc · Accepted Answer · 2013-01-29 21:46:24Z

0

In your case 'this' points to function() not to your instance of jQuery('.abc') as you might expect. See http://www.quirksmode.org/js/this.html for an explanation on this.

answered Jan 29, 2013 at 21:46

groksrc

3,0451 gold badge31 silver badges29 bronze badges

Collectives™ on Stack Overflow

assigned input values to array based on whether they have changed jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related