Creating a key/pair object using jQuery and some inputs

Question

I have a cart on my website and I need to let users easily change the quantity of items they have in their cart at a moment.

Here is the javascript code I have so far:

<script type="text/javascript" language="javascript">
    $(document).ready(function () {

        var items = [];

        $(".item").each(function () {
            var productKey = $(this).find("input[type='hidden']").val();
            var productQuantity = $(this).find("input[type='text']").val();
            items.addKey(productKey, productQuantity); ?
        });

        // 1. Grab the values of each ammount input and it's productId.

        // 2. Send this dictionary of key pairs to a JSON action method.

        // 3. If results are OK, reload this page.
    });
</script>

The comments I wrote are just guidelines for me on how to proceed.

Is there a way to add a key/pair element to an array of sorts? I just need it to have a key and value. Nothing fancy.

I wrote in an addKey() method just for illustrative purposes to show what I want to accomplish.

ilyes kooli · Accepted Answer · 2012-04-06 16:12:50Z

4

items[productKey] = productQuantity;

answered Apr 6, 2012 at 16:12

ilyes kooli

12.1k14 gold badges55 silver badges81 bronze badges

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

Comments

maerics · Accepted Answer · 2012-04-06 16:25:58Z

1

In JavaScript, Arrays are Objects (typeof(new Array)==='object'), and Objects can have properties which can be get/set using dot- or bracket- syntax:

var a = [1,2,3];
JSON.stringify(a); // => "[1,2,3]"
a.foo = 'Foo';
a.foo; // => 'Foo'
a['foo']; // => 'Foo'
JSON.stringify(a); // => "[1,2,3]"

So in your case, you can simply the productQuantity value to the productKey attribute of the item array as such:

items[productKey] = productQuantity;
items[productKey]; // => productQuantity

answered Apr 6, 2012 at 16:25

maerics

158k47 gold badges277 silver badges299 bronze badges

Comments

Tuan · Accepted Answer · 2012-04-06 16:17:47Z

0

You can add anonymous objects to the items array like:

items.push({
    key: productKey,
    quantity: productQuantity
});

Then access them later as items[0].key or items[0].quantity.

answered Apr 6, 2012 at 16:17

Tuan

5,4221 gold badge24 silver badges17 bronze badges

Comments

Benjamin Aguilar · Accepted Answer · 2012-04-06 16:22:23Z

0

Also you can use JQuery.data method and like that you can also get rid of those hidden.

answered Apr 6, 2012 at 16:22

Benjamin Aguilar

162 bronze badges

Collectives™ on Stack Overflow

Creating a key/pair object using jQuery and some inputs

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related