Jquery get index of an array of inputs of non-numeric indexes

Question

I have this inputs with non-numeric indexes with jQuery:

<input name="attributes['index1']" class="text_inputs" />
<input name="attributes['index2']" class="text_inputs" />
<input name="attributes['index3']" class="text_inputs" />

and this jquery code:

var attrs = new Array();
$.map( $('input.text_inputs'), function(obj, idx) {
    attrs['here_the_index_from_input'] = obj.value;
});

So I want to add each index from inputs to attrs array index. Thanks in advance!

Does 'here_the_index_from_input' mean, for example, 'index1', 'index2', and 'index3'? — Matt Ball
– Matt Ball, Commented Jun 9, 2011 at 14:44

Matt Ball · Accepted Answer · 2011-06-09 14:55:47Z

3

You're mixing up a bunch of different concepts.

You specifically said "non-numeric indices," which means you shouldn't use an array at all.
If you're not going to use the array returned by map, use each instead.

If you have a jQuery collection already, there's no need to use the $.func form. Just use .func.

var attrs = {};
$('input.text_inputs').each(function()
{
    var $this = $(this),
        name = $this.prop('name'),
        val = $this.val();

    name = name.replace(/^attributes\['|'\]$/g, '');

    attrs[name] = val;
});

I assumed that by 'here_the_index_from_input' you mean, for example, 'index1', 'index2', and 'index3'.

Demo: http://jsfiddle.net/mattball/t2hX5/

edited Jun 9, 2011 at 14:55

answered Jun 9, 2011 at 14:39

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

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

Comments

jukempff · Accepted Answer · 2011-06-09 14:38:52Z

0

  var attrs = [];
  $.each($('input.text_inputs'), function(){
      attrs[$(this).attr('nameOfIndexAttribute')] = $(this).val();
  });

answered Jun 9, 2011 at 14:38

jukempff

9656 silver badges12 bronze badges

Comments

Nicola Peluchetti · Accepted Answer · 2011-06-09 15:36:07Z

0

You can do it this way (if i unerstood correctly what you want)

var attrs = {};
$.map( $('input.text_inputs'), function(obj, idx) {
    attrs[obj.name] = obj.value;
});

attrs is an associative array with the names of the input field as the key and the values of the input field as values.

EDIT - use an object as correctly stated in the comment, not an array

edited Jun 9, 2011 at 15:36

answered Jun 9, 2011 at 14:39

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

2 Comments

Matt Ball Over a year ago

var attrs = {}; or var attrs = new Object(); Not var attrs = new Array();. Arrays are for numerical indices only. Just because you can tack on ad-hoc properties doesn't mean you should.

Nicola Peluchetti Over a year ago

You are right. I'll edit the answer and keep that in mind!What i wanted to show was how to use obj.name to get the name of the input.

Collectives™ on Stack Overflow

Jquery get index of an array of inputs of non-numeric indexes

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related